#417268

#417268

Color Values

HEX

#417268

RGB

65, 114, 104

HSL

167.8, 27.4%, 35.1%

HSV

167.8, 43.0%, 44.7%

CMYK

43.0%, 0.0%, 8.8%, 55.3%

OKLCH

0.5141 0.056 179.4

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#417268

#72414B

Analogous

#417250

#416372

#417268

Triadic

#417268

#684172

#726841

Split Complementary

#417268

#724163

#725041

Tetradic

#417268

#504172

#72414B

#637241

Color Blindness Simulation

Original

#417268

Protanopia

#56576A

Deuteranopia

#53506B

Tritanopia

#436C6D

Achromatopsia

#676767

CSS Usage

background-color: #417268;
color: #417268;
border-color: #417268;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F8
100
#E9F1F0
200
#D2E5E1
300
#B1D3CC
400
#87BBB0
500
#5DA294
600
#4A8277
700
#3B685F
800
#2E514A
900
#253C38
950
#172623

Contrast Checker

Text on white

5.48:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail 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