Encycolorpedia

Phlox / #df00ff Hex Color Code

#df00ff Paint ChipThe color phlox with hexadecimal color code #df00ff is a shade of magenta. In the RGB color model #df00ff is composed of 87.45% red, 0.0% green and 100.0% blue. In the HSL color space #df00ff has a hue of 292° (degrees), 100% saturation and 50% lightness. This color has no dominant wavelength. Its estimated complementary wavelength relative to D65 white is 557.04 nm.

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)

#df00ff linear gradient to complementary #009936

  1. #df00ff
  2. #ca4cde
  3. #b367bd
  4. #9a799d
  5. #7d877c
  6. #58915b
  7. #009936

Monochromatic Colors

  1. #b800d2
  2. #c500e1
  3. #d200f0
  4. #df00ff
  5. #e336ff
  6. #e74fff
  7. #ea63ff

Tones

  1. #df00ff
  2. #d23dea
  3. #c454d5
  4. #b665c1
  5. #a771ad
  6. #967b98
  7. #848484

Tints and Shades

#df00ff to white

  1. #df00ff
  2. #e856ff
  3. #ef7fff
  4. #f5a2ff
  5. #fac2ff
  6. #fde1ff
  7. #ffffff / #fff

#df00ff to black

  1. #df00ff
  2. #b716d0
  3. #901ca2
  4. #6b1c77
  5. #47184f
  6. #27122a
  7. #000000 / #000

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.

#df00ff Contrast Ratios

BackgroundWCAG 2.2Normal textLarge textNon-text UINearest passing shade (4.5:1)Color Blindness Simulation
#ffffff3.76:1FailAAAA#c900e9May be hard to distinguish
#0000005.58:1AAAAAAA
Complement #0099361.01:1FailFailFail#310050May be hard to distinguish
Analogous #5879ff1.0:1FailFailFail#30004fMay be hard to distinguish
Analogous #fc00981.0:1FailFailFail#30004fMay be hard to distinguish
Split Complementary #00957a1.0:1FailFailFail#30004fMay be hard to distinguish
Split Complementary #748d001.01:1FailFailFail#2f004eMay be hard to distinguish
Triad #0092991.0:1FailFailFail#30004eMay be hard to distinguish
Triad #a77d001.0:1FailFailFail#30004fMay be hard to distinguish
Square #de5b001.0:1FailFailFail#31004fMay be hard to distinguish
Square #008fb11.0:1FailFailFail#30004eMay be hard to distinguish
Tetradic #ff214f1.0:1FailFailFail#30004fMay 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.

#df00ff HTML / CSS Code Examples

#df00ff foreground

No gains without pains.

<p style="color: #df00ff">…</p>

#df00ff background

Care's no cure.

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

#df00ff shadow

We are encamped in nature, not domesticated.

Ralph Waldo Emerson
<p style="text-shadow: 0.1em 0.1em 0.15em #df00ff">…</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
14614783
Binary
11011111, 00000000, 11111111
Hexadecimal
#df00ff
LRV
≈ 22.9%
LRV is estimated from the digital sRGB swatch, not a manufacturer measurement of physical paint.
Closest short hex
#d0f ΔE′ CAM16-UCS = 0.514 / ΔLRV = -0.3 (darker)
RGB
rgb(223, 0, 255)
RGBA
rgba(223, 0, 255, 1.0)
Adobe RGB (1998)
R: 0.74782, G: 0.00459, B: 0.98096
rg chromaticity
r: 0.467, g: 0.0, b: 0.533
RYB
red: 87.451%, yellow: 0.0%, blue: 100.0%
Android / android.graphics.Color
-2162433 / 0xffdf00ff
HSL
hsl(292.47059, 100%, 50%)
HSLA
hsla(292.47059, 100%, 50%, 1.0)
HSV / HSB
hue: 292° (292.471), saturation: 100% (1.0), value: 100% (1.0)
HSP
hue: 292.471, saturation: 100.0%, perceived brightness: 58.538%
HSLuv (HUSL)
H: 297.609, S: 100.001, L: 54.98
Cubehelix
H: -75.909, S: 1.895, L: 0.372
TSL
T: 5.088, S: 0.482, L: 0.375
CMYK
cyan: 13% (0.125), 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: 13% (0.125), magenta: 100% (1.0), yellow: 0% (0.0)
XYZ D65 / Y=100
X: 48.479, Y: 22.911, Z: 96.457
xyY
x: 0.289, y: 0.136, Y: 22.911
CIELab D65
L: 54.98, a: 93.543, b: -69.703
CIELuv
L: 54.98, u: 61.968, v: -118.489
CIELCH / LCHab D65
L: 54.98, C: 116.657, H: 323.309
CIELUV / LCHuv
L: 54.98, C: 133.715, H: 297.609
Hunter-Lab
L: 47.865, a: 97.026, b: -85.974
CIECAM02
J: 47.722, C: 92.957, h: -38.104, Q: 136.104, M: 81.29, s: 77.283, H: 349.126
CAM16 JCh
lightness: 48.872, chroma: 101.545, hue: 328.415
CAM16 JMh
lightness: 48.872, colorfulness: 88.799, hue: 328.415
CAM16 Jsh
lightness: 48.872, saturation: 80.292, hue: 328.415
CAM16 QCh
perceived brightness: 137.741, chroma: 101.545, hue: 328.415
CAM16 QMh
perceived brightness: 137.741, colorfulness: 88.799, hue: 328.415
CAM16 Qsh
perceived brightness: 137.741, saturation: 80.292, hue: 328.415
CAM16 UCS JMh
lightness: 61.904, colorfulness: 48.543, hue: 328.415
CAM16 UCS Jab
lightness: 61.904, a: 41.352, b: -25.425
HCT
H: 328.237, C: 101.92, T: 54.977
OSA-UCS
lightness: -10.589, jaune: -14.077, green: -13.85
LMS
L: 29.704, M: 5.37, S: 95.313
YCbCr / BT.601 / sRGB / 8-bit [16–235, 16–240]
Y: 98.301, Cb: 206.941, Cr: 207.792
YCoCg
Y: 119.5, Cg: -119.5, Co: 47.75
YDbDr
Y: 95.747, Db: 239.565, Dr: -241.924
YPbPr
Y: 65.859, Pb: 101.855, Pr: 99.77
xvYCC
Y: 72.561, Cb: 217.473, Cr: 215.641
YIQ
Y: 95.747, I: 50.923, Q: 126.494
YUV
Y: 95.747, U: 78.37, V: 111.642
Okhsl
h: 321.116, s: 1.0, l: 0.599
Okhsv
h: 321.116, s: 1.0, v: 1.0
Okhwb
h: 321.116, w: 0.0, b: 0.0
Oklab
oklab(0.65446 0.24305 -0.196)
OkLCh
oklch(0.65446 0.31224 321.116)
JzAzBz
Jz: 0.00924, Az: 0.01335, Bz: -0.01641
JzCzHz
Jz: 0.00924, Cz: 0.02115, Hz: 309.13408
Linear sRGB
color(srgb-linear 0.737910 0.000000 1.000000)
Display P3
color(display-p3 0.801824 0.169938 0.965410)
Linear Display P3
color(display-p3-linear 0.606923 0.024499 0.923110)
Adobe RGB (1998) / CSS
color(a98-rgb 0.747768 0.000000 0.981069)
ProPhoto RGB / ROMM RGB
color(prophoto-rgb 0.703658 0.279423 0.930211)
Rec.2020 RGB / SDR
color(rec2020 0.753074 0.314678 0.960440)
XYZ D65 / CSS
color(xyz-d65 0.484793 0.229109 0.964571)
XYZ D50 / CSS
color(xyz-d50 0.464864 0.224805 0.724454)
CIELab D50 / CSS
lab(54.533190 88.038421 -69.895459)
CIELCh D50 / CSS
lch(54.533190 112.410581 321.553238)
HWB
hwb(292.470588 0.000000% 0.000000%)
Rec.709 RGB / OETF
R′: 0.859478, G′: 0.000000, B′: 1.000000
eciRGB v2
R: 0.773999, G: -0.257349, B: 0.984038
CIE 1976 u′v′Y / Y=1
u′: 0.284539, v′: 0.302559, Y: 0.229109
CAM02-UCS
J′: 60.813088, a′: 36.186840, b′: -28.378686
Y′CbCr BT.709 / Y′ [0, 1], Cb/Cr [−0.5, 0.5]
Y′: 0.254925, Cb: 0.401528, Cr: 0.383892
Y′CbCr BT.709 / 10-bit [64–940, 64–960]
Y′: 287.314315, Cb: 871.768907, Cr: 855.967138
Y′CbCr BT.2020 NCL / Y′ [0, 1], Cb/Cr [−0.5, 0.5]
Y′: 0.389525, Cb: 0.299555, Cr: 0.217320
Y′CbCr BT.2020 NCL / 10-bit [64–940, 64–960]
Y′: 405.224151, Cb: 780.401504, Cr: 706.718309
ACEScg / AP1
R: 0.499827, G: 0.065252, B: 0.885010
ACES2065-1 / AP0
R: 0.501811, G: 0.163034, B: 0.883839
ACEScct
R: 0.497688, G: 0.330033, B: 0.544736
BT.2100 PQ / RGB
R′: 0.510832, G′: 0.318599, B′: 0.570587
BT.2100 HLG / RGB
R′: 0.662223, G′: 0.251644, B′: 0.778889
ICtCp / BT.2100 PQ
I: 0.446745, Ct: 0.257218, Cp: 0.090354
ICtCp / BT.2100 HLG
I: 0.516160, Ct: 0.314993, Cp: 0.124542
Munsell Color System
5P 5/26 ΔE′ CAM16-UCS = 6.197 / ΔLRV = -4.1 (darker)
Brand Color
daily.dev ΔE′ CAM16-UCS = 4.877

Random Colors

Red

Green

Blue