#00EFFF

#00EFFF

Color Values

HEX

#00EFFF

RGB

0, 239, 255

HSL

183.8, 100.0%, 50.0%

HSV

183.8, 100.0%, 100.0%

CMYK

100.0%, 6.3%, 0.0%, 0.0%

OKLCH

0.8677 0.1478 203.4

Properties

Cool Light Nearest: turquoise 1

Color Harmonies

Complementary

#00EFFF

#FF1000

Analogous

#00FF90

#006FFF

#00EFFF

Triadic

#00EFFF

#FF00EF

#EFFF00

Split Complementary

#00EFFF

#FF006F

#FF9000

Tetradic

#00EFFF

#9000FF

#FF1000

#6FFF00

Color Blindness Simulation

Original

#00EFFF

Protanopia

#686AFB

Deuteranopia

#5A48FA

Tritanopia

#0CF8F7

Achromatopsia

#BDBDBD

CSS Usage

background-color: #00EFFF;
color: #00EFFF;
border-color: #00EFFF;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

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

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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