#138CB9

#138CB9

Color Values

HEX

#138CB9

RGB

19, 140, 185

HSL

196.3, 81.4%, 40.0%

HSV

196.3, 89.7%, 72.5%

CMYK

89.7%, 24.3%, 0.0%, 27.5%

OKLCH

0.6009 0.1168 230.8

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#138CB9

#B94013

Analogous

#13B993

#1339B9

#138CB9

Triadic

#138CB9

#B9138C

#8CB913

Split Complementary

#138CB9

#B91339

#B99313

Tetradic

#138CB9

#9313B9

#B94013

#39B913

Color Blindness Simulation

Original

#138CB9

Protanopia

#4748AE

Deuteranopia

#4037AC

Tritanopia

#19A6A4

Achromatopsia

#767676

CSS Usage

background-color: #138CB9;
color: #138CB9;
border-color: #138CB9;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FAFD
100
#E1F3FA
200
#BEE9F8
300
#90D9F4
400
#54C4ED
500
#18AFE7
600
#138CB9
700
#0F7094
800
#0C5774
900
#0D4154
950
#082935

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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