#249AA3

#249AA3

Color Values

HEX

#249AA3

RGB

36, 154, 163

HSL

184.3, 63.8%, 39.0%

HSV

184.3, 77.9%, 63.9%

CMYK

77.9%, 5.5%, 0.0%, 36.1%

OKLCH

0.6287 0.0989 202.8

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#249AA3

#A32D24

Analogous

#24A36D

#245AA3

#249AA3

Triadic

#249AA3

#A3249A

#9AA324

Split Complementary

#249AA3

#A3245A

#A36D24

Tetradic

#249AA3

#6D24A3

#A32D24

#5AA324

Color Blindness Simulation

Original

#249AA3

Protanopia

#5758A1

Deuteranopia

#5047A0

Tritanopia

#2A9F9F

Achromatopsia

#828282

CSS Usage

background-color: #249AA3;
color: #249AA3;
border-color: #249AA3;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFB
100
#E3F5F7
200
#C5EFF2
300
#9BE3E9
400
#64D4DD
500
#2EC5D1
600
#259EA7
700
#1E7E86
800
#176368
900
#15484C
950
#0D2E30

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.23:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026