#195F68

#195F68

Color Values

HEX

#195F68

RGB

25, 95, 104

HSL

186.8, 61.2%, 25.3%

HSV

186.8, 76.0%, 40.8%

CMYK

76.0%, 8.7%, 0.0%, 59.2%

OKLCH

0.4476 0.0679 207.6

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#195F68

#682219

Analogous

#196849

#193868

#195F68

Triadic

#195F68

#68195F

#5F6819

Split Complementary

#195F68

#681938

#684919

Tetradic

#195F68

#491968

#682219

#386819

Color Blindness Simulation

Original

#195F68

Protanopia

#373866

Deuteranopia

#332E65

Tritanopia

#1C6464

Achromatopsia

#515151

CSS Usage

background-color: #195F68;
color: #195F68;
border-color: #195F68;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C5ECF1
300
#9CDFE7
400
#67CDDA
500
#31BCCE
600
#2896A4
700
#207884
800
#195E67
900
#16454B
950
#0E2C2F

Contrast Checker

Text on white

7.3:1

AA Pass AAA Pass

Text on black

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