#249DA8

#249DA8

Color Values

HEX

#249DA8

RGB

36, 157, 168

HSL

185.0, 64.7%, 40.0%

HSV

185.0, 78.6%, 65.9%

CMYK

78.6%, 6.5%, 0.0%, 34.1%

OKLCH

0.6382 0.1009 204.4

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#249DA8

#A82F24

Analogous

#24A871

#245BA8

#249DA8

Triadic

#249DA8

#A8249D

#9DA824

Split Complementary

#249DA8

#A8245B

#A87124

Tetradic

#249DA8

#7124A8

#A82F24

#5BA824

Color Blindness Simulation

Original

#249DA8

Protanopia

#5859A5

Deuteranopia

#5148A5

Tritanopia

#2AA3A3

Achromatopsia

#848484

CSS Usage

background-color: #249DA8;
color: #249DA8;
border-color: #249DA8;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EFF2
300
#9AE3E9
400
#64D4DE
500
#2DC4D2
600
#249DA8
700
#1D7E86
800
#176269
900
#14484D
950
#0D2D30

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.46:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026