#198CB3

#198CB3

Color Values

HEX

#198CB3

RGB

25, 140, 179

HSL

195.2, 75.5%, 40.0%

HSV

195.2, 86.0%, 70.2%

CMYK

86.0%, 21.8%, 0.0%, 29.8%

OKLCH

0.5987 0.1104 227.5

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#198CB3

#B34019

Analogous

#19B38D

#193FB3

#198CB3

Triadic

#198CB3

#B3198C

#8CB319

Split Complementary

#198CB3

#B3193F

#B38D19

Tetradic

#198CB3

#8D19B3

#B34019

#3FB319

Color Blindness Simulation

Original

#198CB3

Protanopia

#4B4CAA

Deuteranopia

#443CA7

Tritanopia

#1FA2A0

Achromatopsia

#767676

CSS Usage

background-color: #198CB3;
color: #198CB3;
border-color: #198CB3;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FAFC
100
#E2F3F9
200
#C0E9F6
300
#94D9F0
400
#59C4E8
500
#1FAFE0
600
#198CB3
700
#14708F
800
#105770
900
#104151
950
#0A2933

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

5.44:1

AA Pass 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