#259FAE

#259FAE

Color Values

HEX

#259FAE

RGB

37, 159, 174

HSL

186.6, 64.9%, 41.4%

HSV

186.6, 78.7%, 68.2%

CMYK

78.7%, 8.6%, 0.0%, 31.8%

OKLCH

0.6457 0.1027 207.6

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#259FAE

#AE3425

Analogous

#25AE79

#255AAE

#259FAE

Triadic

#259FAE

#AE259F

#9FAE25

Split Complementary

#259FAE

#AE255A

#AE7925

Tetradic

#259FAE

#7925AE

#AE3425

#5AAE25

Color Blindness Simulation

Original

#259FAE

Protanopia

#5A5BAA

Deuteranopia

#534AAA

Tritanopia

#2BA8A7

Achromatopsia

#868686

CSS Usage

background-color: #259FAE;
color: #259FAE;
border-color: #259FAE;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EDF2
300
#9AE1EA
400
#63D0DE
500
#2DC0D2
600
#249AA8
700
#1D7B87
800
#166069
900
#14474D
950
#0D2D30

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.65: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