#81C4F4

#81C4F4

Color Values

HEX

#81C4F4

RGB

129, 196, 244

HSL

205.0, 83.9%, 73.1%

HSV

205.0, 47.1%, 95.7%

CMYK

47.1%, 19.7%, 0.0%, 4.3%

OKLCH

0.7935 0.0966 240.7

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#81C4F4

#F4B181

Analogous

#81F4EA

#818AF4

#81C4F4

Triadic

#81C4F4

#F481C4

#C4F481

Split Complementary

#81C4F4

#F4818A

#F4EA81

Tetradic

#81C4F4

#EA81F4

#F4B181

#8AF481

Color Blindness Simulation

Original

#81C4F4

Protanopia

#9E9FE8

Deuteranopia

#9A95E6

Tritanopia

#84DFDD

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EFFA
200
#BDE0F9
300
#8ECAF5
400
#51AEF0
500
#1591EA
600
#1074BC
700
#0D5D96
800
#0A4975
900
#0C3755
950
#072236

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.14:1

AA Pass AAA Pass

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