#43C4FE

#43C4FE

Color Values

HEX

#43C4FE

RGB

67, 196, 254

HSL

198.6, 98.9%, 62.9%

HSV

198.6, 73.6%, 99.6%

CMYK

73.6%, 22.8%, 0.0%, 0.4%

OKLCH

0.7748 0.1373 232.2

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#43C4FE

#FE7D43

Analogous

#43FEDA

#4366FE

#43C4FE

Triadic

#43C4FE

#FE43C4

#C4FE43

Split Complementary

#43C4FE

#FE4366

#FEDA43

Tetradic

#43C4FE

#DA43FE

#FE7D43

#66FE43

Color Blindness Simulation

Original

#43C4FE

Protanopia

#7B7CF0

Deuteranopia

#736AED

Tritanopia

#49E5E2

Achromatopsia

#ADADAD

CSS Usage

background-color: #43C4FE;
color: #43C4FE;
border-color: #43C4FE;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8E9FF
300
#85D9FE
400
#43C4FE
500
#01AFFE
600
#018CCB
700
#0170A2
800
#01587F
900
#05415C
950
#03293A

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026