Encycolorpedia

Blue / Pinboard / #0000ff / #00f Hex Color Code

Exact Matching Paints:

  • Ford Blue

  • Warcolours Ultramarine Blue

#0000ff Paint ChipThe color blue with hexadecimal color code #0000ff / #00f is a shade of blue-magenta. In the RGB color model #0000ff is composed of 0.0% red, 0.0% green and 100.0% blue. In the HSL color space #0000ff has a hue of 240° (degrees), 100% saturation and 50% lightness. Its estimated dominant wavelength relative to D65 white is 464.31 nm.

Buy Paint Buy paint matching this color

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange) Sketch Palette CSS Custom Properties Design Tokens (DTCG JSON) Procreate Swatches (first 30 colors) Photoshop ACO (Color Swatches)

#0000ff linear gradient to complementary #2c5600

  1. #0000ff / #00f
  2. #4324d4
  3. #5334ab
  4. #554082
  5. #50495b
  6. #435034
  7. #2c5600

Monochromatic Colors

  1. #0000c4
  2. #0000d7
  3. #0000eb
  4. #0000ff / #00f
  5. #3418ff
  6. #4a27ff
  7. #5b34ff

Tones

  1. #0000ff / #00f
  2. #3c1edf
  3. #4d2cc1
  4. #5437a2
  5. #563f85
  6. #534668
  7. #4c4c4c

Tints and Shades

#0000ff to white

  1. #0000ff / #00f
  2. #683eff
  3. #9266ff
  4. #b38cff
  5. #cfb2ff
  6. #e8d8ff
  7. #ffffff / #fff

#0000ff to black

  1. #0000ff / #00f
  2. #1e0bd0
  3. #2510a3
  4. #241178
  5. #1f104f
  6. #170b2a
  7. #000000 / #000

Paints

Match distances use ΔE′ CAM16-UCS: lower values mean closer digital swatches. These values are not interchangeable with CIE76 or CIEDE2000 and do not guarantee a physical paint match. LRV is estimated from the digital sRGB swatch, not a manufacturer measurement of physical paint.

Paint colors are digital approximations; actual paint and lighting may differ.

Exact Matching Paints

Color Directory

Color Blindness Simulation

Anomalous Trichromacy

Severity

Dichromacy

Monochromacy

Simulations are approximations: color vision varies from person to person, and screens and lighting change how colors look. Rod vision shows lightness as people with complete achromatopsia see it: reds look darker and blue-greens lighter. Red-green figures are for people of Northern European descent; rates vary with ancestry.

#0000ff Contrast Ratios

BackgroundWCAG 2.2Normal textLarge textNon-text UINearest passing shade (4.5:1)Color Blindness Simulation
#ffffff8.59:1AAAAAAAAMay be hard to distinguish
#0000002.44:1FailFailFail#1d69ff
Complement #2c56001.0:1FailFailFail#69c5ffMay be hard to distinguish
Analogous #004d8a1.01:1FailFailFail#68c4ffMay be hard to distinguish
Analogous #9000771.0:1FailFailFail#6ac5ffMay be hard to distinguish
Split Complementary #0058341.0:1FailFailFail#69c5ffMay be hard to distinguish
Split Complementary #564d001.01:1FailFailFail#6ac6ffMay be hard to distinguish
Triad #00564f1.0:1FailFailFail#69c5ffMay be hard to distinguish
Triad #733f001.0:1FailFailFail#69c5ffMay be hard to distinguish
Square #9d000d1.0:1FailFailFail#69c5ffMay be hard to distinguish
Square #0054601.0:1FailFailFail#69c5ffMay be hard to distinguish
Tetradic #9900451.0:1FailFailFail#69c5ffMay be hard to distinguish
How the checker works

Large text: at least 18 pt, or 14 pt bold. Ratios are rounded for display; pass/fail uses the full value.

Adjusts OkLCh lightness with hue and chroma fixed before sRGB clipping and rounding. The suggested hex is checked again.

Simulated CIE76 ΔE below 10 triggers a conservative warning. This is an approximation, not a WCAG requirement; never rely on color alone.

#0000ff HTML / CSS Code Examples

#0000ff foreground

The quantity of purple and gray in Nature is, by the way, another somewhat surprising subject of discovery.

John Ruskin
<p style="color: #00f">…</p>

#0000ff background

Foxes, when they cannot reach the grapes, say they are not ripe.

<p style="background-color: #00f">…</p>

#0000ff shadow

Shine with real light and not with the borrowed reflection of gifts.

Ralph Waldo Emerson
<p style="text-shadow: 0.1em 0.1em 0.15em #00f">…</p>

Color Charts

Color Space Conversions

Input: opaque 8-bit sRGB; CIE 1931 2° observer. XYZ and CIELab/LCh use D65 unless marked D50; D50 conversions use Bradford adaptation. XYZ white is Y = 100, or Y = 1 for CSS and u′v′Y. Displayed coordinates are rounded.

Match distances use ΔE′ CAM16-UCS: lower values mean closer digital swatches. These values are not interchangeable with CIE76 or CIEDE2000 and do not guarantee a physical paint match.

Y′CbCr values are normalized coordinates or unquantized 10-bit limited-range code values.

CIECAM02 and CAM02-UCS: D65; LA = 40 cd/m²; Yb = 20 (Yw = 100); F = 1, c = 0.69, Nc = 1.

CAM16 and CAM16-UCS: D65; LA = 40 cd/m²; Yb = 20 (Yw = 100); average surround (F = 1, c = 0.69, Nc = 1).

HCT (Material Color Utilities): D65; LA ≈ 11.73 cd/m²; Yb = 18.42 (Yw = 100); F = 1, c = 0.69, Nc = 1; T = L*.

JzAzBz and JzCzHz use white at 1 cd/m². This luminance convention is separate from the BT.2100 preset.

ACES values use a colorimetric conversion with Bradford adaptation; they do not reconstruct scene exposure.

BT.2100 PQ/HLG and ICtCp assume sRGB white at 203 cd/m². HLG: peak 1000 cd/m², black 0 cd/m², system gamma 1.2, reference surround.

Decimal
255
Binary
00000000, 00000000, 11111111
Hexadecimal
#0000ff / #00f
LRV
≈ 7.2%
LRV is estimated from the digital sRGB swatch, not a manufacturer measurement of physical paint.
RGB
rgb(0, 0, 255)
RGBA
rgba(0, 0, 255, 1.0)
Adobe RGB (1998)
R: 0.00223, G: 0.00407, B: 0.98096
rg chromaticity
r: 0.0, g: 0.0, b: 1.0
RYB
red: 0.0%, yellow: 0.0%, blue: 100.0%
Android / android.graphics.Color
-16776961 / 0xff0000ff
HSL
hsl(240, 100%, 50%)
HSLA
hsla(240, 100%, 50%, 1.0)
HSV / HSB
hue: 240° (240.0), saturation: 100% (1.0), value: 100% (1.0)
HSP
hue: 240.0, saturation: 100.0%, perceived brightness: 33.764%
HSLuv (HUSL)
H: 265.873, S: 100.019, L: 32.297
Cubehelix
H: -123.058, S: 4.614, L: 0.11
TSL
T: -2.951, S: 0.632, L: 0.114
CMYK
cyan: 100% (1.0), magenta: 100% (1.0), yellow: 0% (0.0), key: 0% (0.0)
CMYK is a simple RGB-derived approximation without an ICC printer profile; it is not a printing specification.
CMY
cyan: 100% (1.0), magenta: 100% (1.0), yellow: 0% (0.0)
XYZ D65 / Y=100
X: 18.044, Y: 7.218, Z: 95.03
xyY
x: 0.15, y: 0.06, Y: 7.218
CIELab D65
L: 32.297, a: 79.188, b: -107.86
CIELuv
L: 32.297, u: -9.405, v: -130.342
CIELCH / LCHab D65
L: 32.297, C: 133.808, H: 306.285
CIELUV / LCHuv
L: 32.297, C: 130.681, H: 265.873
Hunter-Lab
L: 26.865, a: 72.872, b: -190.919
CIECAM02
J: 21.163, C: 90.872, h: -102.227, Q: 90.636, M: 79.467, s: 93.636, H: 309.933
CAM16 JCh
lightness: 25.226, chroma: 86.594, hue: 282.818
CAM16 JMh
lightness: 25.226, colorfulness: 75.726, hue: 282.818
CAM16 Jsh
lightness: 25.226, saturation: 87.476, hue: 282.818
CAM16 QCh
perceived brightness: 98.96, chroma: 86.594, hue: 282.818
CAM16 QMh
perceived brightness: 98.96, colorfulness: 75.726, hue: 282.818
CAM16 Qsh
perceived brightness: 98.96, saturation: 87.476, hue: 282.818
CAM16 UCS JMh
lightness: 36.448, colorfulness: 43.993, hue: 282.818
CAM16 UCS Jab
lightness: 36.448, a: 9.76, b: -42.896
HCT
H: 282.788, C: 87.231, T: 32.303
OSA-UCS
lightness: -11.082, jaune: -20.387, green: 6.708
LMS
L: 0.89, M: 0.136, S: 93.605
YCbCr / BT.601 / sRGB / 8-bit [16–235, 16–240]
Y: 40.99, Cb: 239.945, Cr: 109.895
YCoCg
Y: 63.75, Cg: -63.75, Co: -63.75
YDbDr
Y: 29.07, Db: 339.915, Dr: 55.335
YPbPr
Y: 18.36, Pb: 127.5, Pr: -11.73
xvYCC
Y: 31.768, Cb: 240.0, Cr: 117.696
YIQ
Y: 29.07, I: -81.922, Q: 79.339
YUV
Y: 29.07, U: 111.18, V: -25.503
Okhsl
h: 264.052, s: 1.0, l: 0.367
Okhsv
h: 264.052, s: 1.0, v: 1.0
Okhwb
h: 264.052, w: 0.0, b: 0.0
Oklab
oklab(0.45201 -0.03246 -0.31153)
OkLCh
oklch(0.45201 0.31321 264.052)
JzAzBz
Jz: 0.00478, Az: -0.00116, Bz: -0.02495
JzCzHz
Jz: 0.00478, Cz: 0.02498, Hz: 267.33187
Linear sRGB
color(srgb-linear 0.000000 0.000000 1.000000)
Display P3
color(display-p3 0.000001 0.000000 0.959579)
Linear Display P3
color(display-p3-linear 0.000000 0.000000 0.910499)
Adobe RGB (1998) / CSS
color(a98-rgb 0.000000 0.000000 0.981069)
ProPhoto RGB / ROMM RGB
color(prophoto-rgb 0.336222 0.137634 0.922854)
Rec.2020 RGB / SDR
color(rec2020 0.270313 0.154788 0.955085)
XYZ D65 / CSS
color(xyz-d65 0.180438 0.072175 0.950304)
XYZ D50 / CSS
color(xyz-d50 0.143080 0.060617 0.714173)
CIELab D50 / CSS
lab(29.567579 68.298656 -112.029420)
CIELCh D50 / CSS
lch(29.567579 131.207078 301.368544)
HWB
hwb(240.000000 0.000000% 0.000000%)
Rec.709 RGB / OETF
R′: 0.000000, G′: 0.000000, B′: 1.000000
eciRGB v2
R: 0.211229, G: -0.356241, B: 0.979009
CIE 1976 u′v′Y / Y=1
u′: 0.175439, v′: 0.157895, Y: 0.072175
CAM02-UCS
J′: 31.335211, a′: -9.602942, b′: -44.315247
Y′CbCr BT.709 / Y′ [0, 1], Cb/Cr [−0.5, 0.5]
Y′: 0.072200, Cb: 0.500000, Cr: -0.045847
Y′CbCr BT.709 / 10-bit [64–940, 64–960]
Y′: 127.247200, Cb: 960.000000, Cr: 470.921006
Y′CbCr BT.2020 NCL / Y′ [0, 1], Cb/Cr [−0.5, 0.5]
Y′: 0.135023, Cb: 0.431460, Cr: 0.022588
Y′CbCr BT.2020 NCL / 10-bit [64–940, 64–960]
Y′: 182.279949, Cb: 898.588360, Cr: 532.238681
ACEScg / AP1
R: 0.047369, G: 0.013447, B: 0.869793
ACES2065-1 / AP0
R: 0.177367, G: 0.096777, B: 0.870890
ACEScct
R: 0.303658, G: 0.199970, B: 0.543307
BT.2100 PQ / RGB
R′: 0.289623, G′: 0.196797, B′: 0.569192
BT.2100 HLG / RGB
R′: 0.230880, G′: 0.118258, B′: 0.813350
ICtCp / BT.2100 PQ
I: 0.355977, Ct: 0.269332, Cp: -0.161388
ICtCp / BT.2100 HLG
I: 0.347261, Ct: 0.333710, Cp: -0.174468
Munsell Color System
7.5PB 3/22 ΔE′ CAM16-UCS = 6.943 / ΔLRV = -1.2 (darker)
Brand Color
★ Pinboard

Random Colors

Red

Green

Blue