#81ABDC

#81ABDC

Color Values

HEX

#81ABDC

RGB

129, 171, 220

HSL

212.3, 56.5%, 68.4%

HSV

212.3, 41.4%, 86.3%

CMYK

41.4%, 22.3%, 0.0%, 13.7%

OKLCH

0.7293 0.0849 252.8

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#81ABDC

#DCB281

Analogous

#81D8DC

#8481DC

#81ABDC

Triadic

#81ABDC

#DC81AB

#ABDC81

Split Complementary

#81ABDC

#DC8481

#D8DC81

Tetradic

#81ABDC

#DC81D8

#DCB281

#81DC84

Color Blindness Simulation

Original

#81ABDC

Protanopia

#9394D0

Deuteranopia

#918ECD

Tritanopia

#83C7C5

Achromatopsia

#A6A6A6

CSS Usage

background-color: #81ABDC;
color: #81ABDC;
border-color: #81ABDC;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FB
100
#E5ECF6
200
#C7DAEF
300
#9FBFE4
400
#6B9DD6
500
#377AC8
600
#2C62A0
700
#234E80
800
#1C3D64
900
#182F49
950
#0F1D2E

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026