#8FEBF8

#8FEBF8

Color Values

HEX

#8FEBF8

RGB

143, 235, 248

HSL

187.4, 88.2%, 76.7%

HSV

187.4, 42.3%, 97.3%

CMYK

42.3%, 5.2%, 0.0%, 2.7%

OKLCH

0.8871 0.0895 207.2

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#8FEBF8

#F89C8F

Analogous

#8FF8D1

#8FB7F8

#8FEBF8

Triadic

#8FEBF8

#F88FEB

#EBF88F

Split Complementary

#8FEBF8

#F88FB7

#F8D18F

Tetradic

#8FEBF8

#D18FF8

#F89C8F

#B7F88F

Color Blindness Simulation

Original

#8FEBF8

Protanopia

#B7B8F5

Deuteranopia

#B2ABF4

Tritanopia

#94F2F2

Achromatopsia

#D8D8D8

CSS Usage

background-color: #8FEBF8;
color: #8FEBF8;
border-color: #8FEBF8;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F2FCFD
100
#E0F7FB
200
#BCF3FB
300
#8CEAF8
400
#4DDFF4
500
#0FD4F0
600
#0CAAC0
700
#0A889A
800
#086A78
900
#0A4D57
950
#063137

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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