#0000CC color codes
- HEX
- #0000CC
- HEX8
- #0000CCFF
- HEX8 (Android)
- #FF0000CC
- RGB
- rgb(0, 0, 204)
- RGB (%)
- 0%, 0%, 80%
- HSL
- hsl(240, 100%, 40%)
- HSV / HSB
- hsv(240, 100%, 80%)
- CMYK
- cmyk(100%, 100%, 0%, 20%)
- OKLCH
- oklch(0.3821 0.2647 264.05)
- OKLCH (%)
- oklch(38.21% 0.2647 264.05)
- Decimal
- 204
What color is #0000CC?
#0000CC sits at 38% lightness and 0.2647 chroma in OKLCH, hue 264.05°. Its nearest named color is MediumBlue.
Shades and tints of #0000CC
Tints
Shades
Tones
#0000CC color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #0000CC in CSS
.text { color: #0000CC; }
.background { background-color: #0000CC; }
.border { border: 2px solid #0000CC; }
/* Modern, perceptually uniform */
.text { color: oklch(0.3821 0.2647 264.05); }
/* #0000CC at 50% transparency */
.overlay { background-color: #0000CC80; }Is #0000CC accessible?
#0000CC on white text scores 11.22:1; on black text it scores 1.87:1. White text passes WCAG AAA on #0000CC. Recommended text color on a #0000CC background: white.
A 1.87:1 vs black
A 11.22:1 vs white
- AA normal ≥ 4.5 Pass
- AA large ≥ 3 Pass
- AAA normal ≥ 7 Pass
- AAA large ≥ 4.5 Pass
Recommended text color: white
CSS
contrast-color() contrast-color(#0000CC) → white APCA Lc experimental 96.7 Lc · body text — preferred (white text)
WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.
Related colors
Nearest featured color: Blue #0000FF. See more in the blue family on the colors hub.
Frequently asked questions
- What color is #0000CC?
- #0000CC is closest to MediumBlue. In RGB it is rgb(0, 0, 204), and in HSL hsl(240, 100%, 40%).
- What is #0000CC in RGB?
- #0000CC converts to rgb(0, 0, 204) — red 0, green 0, blue 204.
- What text color is readable on #0000CC?
- White text — it has the higher contrast ratio (11.22:1) against #0000CC. White text passes WCAG AAA on #0000CC.