#4BECF7

#4BECF7

Color Values

HEX

#4BECF7

RGB

75, 236, 247

HSL

183.8, 91.5%, 63.1%

HSV

183.8, 69.6%, 96.9%

CMYK

69.6%, 4.5%, 0.0%, 3.1%

OKLCH

0.866 0.1303 201.8

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#4BECF7

#F7564B

Analogous

#4BF7AC

#4B96F7

#4BECF7

Triadic

#4BECF7

#F74BEC

#ECF74B

Split Complementary

#4BECF7

#F74B96

#F7AC4B

Tetradic

#4BECF7

#AC4BF7

#F7564B

#96F74B

Color Blindness Simulation

Original

#4BECF7

Protanopia

#9192F4

Deuteranopia

#877BF4

Tritanopia

#53F2F2

Achromatopsia

#CBCBCB

CSS Usage

background-color: #4BECF7;
color: #4BECF7;
border-color: #4BECF7;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FDFD
100
#DFF9FB
200
#BBF8FC
300
#8AF3FA
400
#4AECF7
500
#0BE5F4
600
#09B8C3
700
#07939C
800
#05737A
900
#095358
950
#053538

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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