CSS named color

DeepSkyBlue

#00BFFF
HEX#00bfff
RGBrgb(0, 191, 255)
HSLhsl(195, 100%, 50%)
OKLCHoklch(75.54% 0.1534 231.64)
NAMEdeepskyblue

Palette

Complementary

180° on the color wheel
Complement
#FF4000

Analogous

±30° around the base hue
Left
#00FFBF
Right
#0040FF

Triadic

±120° for harmonic contrast
Triad 1
#FF00BF
Triad 2
#BFFF00

Shades

Lighter and darker variants
Lightest
#B3ECFF
Lighter
#66D9FF
Base
#00BFFF
DeepSkyBlue
Darker
#007399
Darkest
#00394D

CSS usage

By name
color: deepskyblue;
background-color: deepskyblue;
By HEX
color: #00bfff;
background-color: #00bfff;
By RGB
color: rgb(0, 191, 255);
background-color: rgb(0, 191, 255);
By HSL
color: hsl(195, 100%, 50%);
background-color: hsl(195, 100%, 50%);

WCAG contrast vs white

Aa
2.12:1
Below minimum

WCAG contrast vs black

Aa
9.90:1
AAA

Related colors

FAQ — DeepSkyBlue

What is the HEX code for DeepSkyBlue?

The HEX code for DeepSkyBlue is #00BFFF. It's one of the 148 named CSS colors and can be used directly in CSS as color: deepskyblue; or color: #00bfff;

What is DeepSkyBlue in RGB?

DeepSkyBlue in RGB is rgb(0, 191, 255) — red 0, green 191, blue 255.

What is DeepSkyBlue in HSL?

DeepSkyBlue in HSL is hsl(195, 100%, 50%) — hue 195°, saturation 100%, lightness 50%.

What is the complementary color of DeepSkyBlue?

The complementary color (directly opposite DeepSkyBlue on the color wheel) is #FF4000. The two together produce maximum contrast.

Is white text readable on DeepSkyBlue?

The WCAG contrast ratio against white (#FFFFFF) is 2.12:1, and against black (#000000) it's 9.90:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.

← All colors & converter