#194F55

#194F55

Color Values

HEX

#194F55

RGB

25, 79, 85

HSL

186.0, 54.5%, 21.6%

HSV

186.0, 70.6%, 33.3%

CMYK

70.6%, 7.1%, 0.0%, 66.7%

OKLCH

0.3952 0.0562 205.5

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#194F55

#551F19

Analogous

#19553D

#193155

#194F55

Triadic

#194F55

#55194F

#4F5519

Split Complementary

#194F55

#551931

#553D19

Tetradic

#194F55

#3D1955

#551F19

#315519

Color Blindness Simulation

Original

#194F55

Protanopia

#303154

Deuteranopia

#2D2953

Tritanopia

#1C5252

Achromatopsia

#444444

CSS Usage

background-color: #194F55;
color: #194F55;
border-color: #194F55;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C8EBEF
300
#A0DCE3
400
#6DCAD4
500
#3AB7C5
600
#2E929E
700
#25757E
800
#1D5C62
900
#194348
950
#102B2E

Contrast Checker

Text on white

9.17:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026