#43D4FE

#43D4FE

Color Values

HEX

#43D4FE

RGB

67, 212, 254

HSL

193.5, 98.9%, 62.9%

HSV

193.5, 73.6%, 99.6%

CMYK

73.6%, 16.5%, 0.0%, 0.4%

OKLCH

0.8114 0.1324 221.7

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#43D4FE

#FE6D43

Analogous

#43FECA

#4376FE

#43D4FE

Triadic

#43D4FE

#FE43D4

#D4FE43

Split Complementary

#43D4FE

#FE4376

#FECA43

Tetradic

#43D4FE

#CA43FE

#FE6D43

#76FE43

Color Blindness Simulation

Original

#43D4FE

Protanopia

#8283F4

Deuteranopia

#796EF1

Tritanopia

#4AECEA

Achromatopsia

#B8B8B8

CSS Usage

background-color: #43D4FE;
color: #43D4FE;
border-color: #43D4FE;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FBFE
100
#DEF5FC
200
#B8EFFF
300
#85E3FE
400
#43D4FE
500
#01C5FE
600
#019DCB
700
#017EA2
800
#01627F
900
#05485C
950
#032E3A

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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