Teal

#069494
RGB
6, 148, 148
HSL
180°, 92%, 30%
CMYK
96, 0, 0, 42
HSV
180°, 96%, 58%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #069494 color: #069494;
RGB 6, 148, 148 color: rgb(6, 148, 148);
RGB Percentage 2%, 58%, 58% color: rgb(2%, 58%, 58%);
CMYK 96%, 0%, 0%, 42% Not supported in CSS
HSL 180°, 92%, 30% color: hsl(180, 92%, 30%);
HSV 180°, 96%, 58% Not supported in CSS
CIE-LAB 24, -28, 0 color: lab(24% -28 0);
Decimal 431252 Not supported in CSS

Color Variations

Shades

#069393
#068484
#057676
#046767
#045858
#034949
#023B3B
#022C2C

Tints

#98FBFB
#76F9F9
#54F8F8
#31F6F6
#0FF5F5
#09D7D7
#08B5B5
#069393

Tones

#069393
#0D8C8C
#148585
#1B7E7E
#227777
#297070
#306969
#376262

Hues

#069393
#062993
#4C0693
#930670
#930606
#937006
#4D9306
#069329

Color Harmonies

Analogous

#06934D
Click to copy
Dark Cyan
84%
#069494
Click to copy
Teal
100%
#064C93
Click to copy
Dark Blue
84%

Complementary

#069494
Click to copy
Teal
100%
#930606
Click to copy
Dark Red
44%

Split Complementary

#069494
Click to copy
Teal
100%
#93064D
Click to copy
Dark Magenta
52%
#934D06
Click to copy
Dark Orange
52%

Triadic

#069494
Click to copy
Teal
100%
#930693
Click to copy
Dark Purple
55%
#939306
Click to copy
Dark Yellow
55%

Tetradic

#069494
Click to copy
Teal
100%
#4C0693
Click to copy
Dark Purple
64%
#930606
Click to copy
Dark Red
44%
#4D9306
Click to copy
Dark Green
64%

Square

#069494
Click to copy
Teal
100%
#4C0693
Click to copy
Dark Purple
64%
#930606
Click to copy
Dark Red
44%
#4D9306
Click to copy
Dark Green
64%

CSS & Dev Snippets

CSS
.teal {
  color: #069494;
}
SCSS
$teal: #069494;
RGB
rgb(6, 148, 148)

Accessibility & Contrast

White background

3.70:1
3.70
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

5.67:1
5.67
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags