#198284

#198284

Color Values

HEX

#198284

RGB

25, 130, 132

HSL

181.1, 68.2%, 30.8%

HSV

181.1, 81.1%, 51.8%

CMYK

81.1%, 1.5%, 0.0%, 48.2%

OKLCH

0.5528 0.0883 196.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#198284

#841B19

Analogous

#198451

#194D84

#198284

Triadic

#198284

#841982

#828419

Split Complementary

#198284

#84194D

#845119

Tetradic

#198284

#511984

#841B19

#4D8419

Color Blindness Simulation

Original

#198284

Protanopia

#464784

Deuteranopia

#403883

Tritanopia

#1E8383

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F3F4
300
#98EAEC
400
#60DFE1
500
#29D3D6
600
#20A9AC
700
#1A8789
800
#146A6B
900
#134D4E
950
#0C3131

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026