#269C5E

#269C5E

Color Values

HEX

#269C5E

RGB

38, 156, 94

HSL

148.5, 60.8%, 38.0%

HSV

148.5, 75.6%, 61.2%

CMYK

75.6%, 0.0%, 39.7%, 38.8%

OKLCH

0.614 0.1386 154.9

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#269C5E

#9C2664

Analogous

#299C26

#269C99

#269C5E

Triadic

#269C5E

#5E269C

#9C5E26

Split Complementary

#269C5E

#99269C

#9C2629

Tetradic

#269C5E

#26299C

#9C2664

#9C9926

Color Blindness Simulation

Original

#269C5E

Protanopia

#595A6D

Deuteranopia

#524971

Tritanopia

#2C797B

Achromatopsia

#7E7E7E

CSS Usage

background-color: #269C5E;
color: #269C5E;
border-color: #269C5E;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F3FBF7
100
#E4F6ED
200
#C6F1DA
300
#9DE7C0
400
#67DA9E
500
#32CD7C
600
#28A463
700
#20834F
800
#19673E
900
#164B2F
950
#0E2F1E

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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