#248693

#248693

Color Values

HEX

#248693

RGB

36, 134, 147

HSL

187.0, 60.7%, 35.9%

HSV

187.0, 75.5%, 57.6%

CMYK

75.5%, 8.8%, 0.0%, 42.4%

OKLCH

0.5713 0.0883 208.1

Properties

Cool Light Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#248693

#933124

Analogous

#249369

#244F93

#248693

Triadic

#248693

#932486

#869324

Split Complementary

#248693

#93244F

#936924

Tetradic

#248693

#692493

#933124

#4F9324

Color Blindness Simulation

Original

#248693

Protanopia

#4E4F90

Deuteranopia

#49418F

Tritanopia

#298D8D

Achromatopsia

#727272

CSS Usage

background-color: #248693;
color: #248693;
border-color: #248693;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C6ECF1
300
#9DDEE7
400
#67CDDA
500
#32BBCD
600
#2895A4
700
#207883
800
#195D66
900
#16454B
950
#0E2B2F

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.91:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026