Teal Blue#367588
Teal Blue Hex Code: #367588
Teal Blue is a medium, muted cyan. Its OKLCH lightness is 53% and chroma 0.071. Text on this color reads best in white (contrast 5.18:1).
| HEX | #367588 |
|---|---|
| RGB | rgb(54, 117, 136) |
| HSL | hsl(194, 43%, 37%) |
| HSV / HSB | hsv(194, 60%, 53%) |
| CMYK | cmyk(60%, 14%, 0%, 47%) |
| OKLCH | oklch(52.9% 0.071 220.4) |
Contrast
White text5.18:1
AAAA largeAAA
Black text4.06:1
AAAA largeAAA
On white5.18:1
AAAA largeAAA
On black4.06:1
AAAA largeAAA
Tints
#488193#5A8E9D#6C9AA8Cadet Blue#7EA7B3#90B3BE#A3C0C8#B5CCD3#C7D8DELight Gray#D9E5E8Gainsboro#EBF1F3White SmokeShades
Matching colors
Complementary
Analogous
Split complementary
Similar named colors
Code
| CSS | color: #367588; |
|---|---|
| Tailwind | bg-[#367588] |
| SwiftUI | Color(red: 0.212, green: 0.459, blue: 0.533) |
| Android | Color.parseColor("#367588") |
| Flutter | Color(0xFF367588) |
Value from Wikipedia, List of colors (teal blue). Names like Teal Blue are not standardized, so other sources may list a slightly different hex.
Frequently asked questions
What is the hex code for teal blue?
Teal Blue is #367588 in hex and rgb(54, 117, 136) in RGB.
What is teal blue in CMYK?
With the plain conversion formula it is cmyk(60, 14, 0, 47). For print, convert with your printer's ICC profile instead.
What text color works on teal blue?
White text has the higher contrast at 5.18:1, which passes WCAG AA for normal text (4.5:1).