#248089

#248089

Color Values

HEX

#248089

RGB

36, 128, 137

HSL

185.3, 58.4%, 33.9%

HSV

185.3, 73.7%, 53.7%

CMYK

73.7%, 6.6%, 0.0%, 46.3%

OKLCH

0.5518 0.0836 204.7

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#248089

#892D24

Analogous

#24895F

#244E89

#248089

Triadic

#248089

#892480

#808924

Split Complementary

#248089

#89244E

#895F24

Tetradic

#248089

#5F2489

#892D24

#4E8924

Color Blindness Simulation

Original

#248089

Protanopia

#4C4D87

Deuteranopia

#464086

Tritanopia

#298585

Achromatopsia

#6D6D6D

CSS Usage

background-color: #248089;
color: #248089;
border-color: #248089;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFB
100
#E4F4F6
200
#C6ECF0
300
#9EDFE6
400
#6ACED8
500
#35BDCA
600
#2A97A2
700
#227981
800
#1B5E65
900
#17454A
950
#0F2C2F

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026