#223A33

Dark Cyan

HEX

RGB

HSL

About #223A33 Dark Cyan

#223A33 is a dark cyan color. In the RGB color model, it is composed of 34 red, 58 green, and 51 blue. In the HSL color space, it has a hue of 163°, saturation of 26%, and lightness of 18%.

This color has a low lightness value, making it a dark color great for text and bold accents. With low saturation, it appears muted and subtle.

CSS Code

Use #223A33 in your CSS, SCSS, or Tailwind projects.

Color Properties

163°

Hue

26%

Saturation

18%

Lightness

Dark Cyan

Color Harmonies

Colors that work well with #223A33 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #223A33 against white and black backgrounds.

Aa#223A33 on White
Contrast Ratio12.2:1
AA AA Large AAA
Aa#223A33 on Black
Contrast Ratio1.72:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #223A33 across different color formats.

FormatValue
HEX#223A33
RGBrgb(34, 58, 51)
HSLhsl(163, 26%, 18%)
RGB Decimal34, 58, 51
RGB Percent13.3%, 22.7%, 20.0%
CMYK (approx.)41%, 0%, 12%, 77%

Related Palettes

12 palettes using #223A33 or similar colors

#E8D5B7#B09B71#5E503F#22333B
#2C3333#2E4F4F#0E8388#CBE4DE
#E7F6F2#A5C9CA#395B64#2C3333
#2C3639#3F4E4F#A27B5C#DCD7C9
#2D3436#636E72#B2BEC3#DFE6E9
#112216#2B4533#2D8146#549668
#102316#2A4633#3D714E#45A665
#0E2519#2C4437#2C8254#549773
#132018#2A4735#406D51#4AA06B
#0F241A#2B4539#337A58#49A277
#0E251A#294738#2D8157#4C9F75
#0F2410#2A462C#347A37#58935B