#198281

#198281

Color Values

HEX

#198281

RGB

25, 130, 129

HSL

179.4, 67.7%, 30.4%

HSV

179.4, 80.8%, 51.0%

CMYK

80.8%, 0.0%, 0.8%, 49.0%

OKLCH

0.5517 0.0885 193.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#198281

#82191A

Analogous

#19824C

#194F82

#198281

Triadic

#198281

#811982

#828119

Split Complementary

#198281

#82194F

#824C19

Tetradic

#198281

#4C1982

#82191A

#4F8219

Color Blindness Simulation

Original

#198281

Protanopia

#464781

Deuteranopia

#403881

Tritanopia

#1E8181

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F3F3
300
#98EBEA
400
#61E1DF
500
#29D6D4
600
#21ABAA
700
#1A8988
800
#156B6A
900
#134E4D
950
#0C3131

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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