#8CF8FF

#8CF8FF

Color Values

HEX

#8CF8FF

RGB

140, 248, 255

HSL

183.7, 100.0%, 77.5%

HSV

183.7, 45.1%, 100.0%

CMYK

45.1%, 2.7%, 0.0%, 0.0%

OKLCH

0.9169 0.1004 201.0

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#8CF8FF

#FF938C

Analogous

#8CFFCD

#8CBFFF

#8CF8FF

Triadic

#8CF8FF

#FF8CF8

#F8FF8C

Split Complementary

#8CF8FF

#FF8CBF

#FFCD8C

Tetradic

#8CF8FF

#CD8CFF

#FF938C

#BFFF8C

Color Blindness Simulation

Original

#8CF8FF

Protanopia

#BBBCFD

Deuteranopia

#B4ACFD

Tritanopia

#91FCFC

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DEFAFC
200
#B8FBFF
300
#85F7FF
400
#42F3FF
500
#00EFFF
600
#00BFCC
700
#0099A3
800
#007880
900
#05575C
950
#03373A

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.99:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026