#25685F

#25685F

Color Values

HEX

#25685F

RGB

37, 104, 95

HSL

171.9, 47.5%, 27.6%

HSV

171.9, 64.4%, 40.8%

CMYK

64.4%, 0.0%, 8.7%, 59.2%

OKLCH

0.4723 0.0686 183.0

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#25685F

#68252E

Analogous

#25683D

#254F68

#25685F

Triadic

#25685F

#5F2568

#685F25

Split Complementary

#25685F

#68254F

#683D25

Tetradic

#25685F

#3D2568

#68252E

#4F6825

Color Blindness Simulation

Original

#25685F

Protanopia

#424361

Deuteranopia

#3E3962

Tritanopia

#286363

Achromatopsia

#595959

CSS Usage

background-color: #25685F;
color: #25685F;
border-color: #25685F;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F4FAFA
100
#E6F4F2
200
#CAECE8
300
#A5DFD7
400
#74CDC1
500
#43BCAC
600
#369689
700
#2B786E
800
#215E56
900
#1C4540
950
#122C28

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

3.22:1

AA Fail AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026