Named color · #D7D927
Poisonous Ice Cream
Poisonous Ice Cream is #D7D927: rgb(215 217 39), hsl(61 70% 50%), oklch(0.856 0.179 110.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Poisonous Ice Cream color name →
#D7D927
oklch(0.856 0.179 110.3)
Color conversions
- HEX
- #d7d927
- RGB
- rgb(215 217 39)
- HSL
- hsl(61 70% 50%)
- HWB
- hwb(61 15% 15%)
- OKLCH
- oklch(0.856 0.179 110.3)
- OKLab
- oklab(0.856 -0.062 0.168)
- CIE Lab
- lab(84.48 -14.33 77.21)
- LCH
- lch(84.48 78.53 100.5)
- CMYK
- cmyk(1% 0% 82% 15%)
Tints · Shades · Tones
Tints
- DBDD4E
- DEE169
- E2E580
- E6E994
- EAEDA7
- EEF1BA
- F2F5CB
- F6F8DD
- FBFCEE
Shades
- BBBC20
- 9FA11A
- 858614
- 6B6C0E
- 525308
- 3B3B04
- 252502
- 111101
- 020200
Tones
- CED03E
- C5C74D
- BCBE58
- B3B561
- AAAC69
- A1A46F
- 999B74
- 909279
- 88897D
Color harmonies
Complementary +180°
- D7D927
Poisonous Ice Cream
- CFC8FF
≈ Innocent Snowdrop
Analogous -30° +30°
- D7D927
Poisonous Ice Cream
- FFC55A
≈ After Shock
- 8BEC77
≈ Herbivore
Triadic +120° +240°
- D7D927
Poisonous Ice Cream
- 92DBFF
≈ Gas Giant
- FFB7D8
≈ Candy Bar
Split-complementary +150° +210°
- D7D927
Poisonous Ice Cream
- B5D1FF
≈ Ice Cold Stare
- F2B7FF
≈ Brilliant Lavender
Tetradic +90° +180° +270°
- D7D927
Poisonous Ice Cream
- 00ECF6
≈ Electric Cyan
- CFC8FF
≈ Innocent Snowdrop
- FFBCBA
≈ Peach Scone
Contrast & accessibility
Ag
FailOn white
WCAG 1.51:1 · APCA Lc 24
Ag
AAAOn black
WCAG 13.84:1 · APCA Lc 79
Best text color: #000000
WCAG 13.84:1 (AAA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--poisonous-ice-cream: #d7d927;
--poisonous-ice-cream-rgb: 215 217 39;
--poisonous-ice-cream-oklch: oklch(0.856 0.179 110.3);
}
.element {
color: var(--poisonous-ice-cream);
background-color: hsl(61 70% 50%);
border-color: oklch(0.856 0.179 110.3);
}Tailwind CSS v4
@theme {
--color-poisonous-ice-cream: #d7d927;
--color-poisonous-ice-cream-50: #f5fbc0;
--color-poisonous-ice-cream-100: #e8efa9;
--color-poisonous-ice-cream-200: #d5dc80;
--color-poisonous-ice-cream-300: #b9c047;
--color-poisonous-ice-cream-400: #a5a600;
--color-poisonous-ice-cream-500: #8f8d00;
--color-poisonous-ice-cream-600: #797800;
--color-poisonous-ice-cream-700: #616000;
--color-poisonous-ice-cream-800: #494500;
--color-poisonous-ice-cream-900: #333000;
--color-poisonous-ice-cream-950: #1f1c00;
}SCSS
$poisonous-ice-cream: #d7d927;
$poisonous-ice-cream-rgb: 215, 217, 39;
$poisonous-ice-cream-light: mix(#fff, $poisonous-ice-cream, 20%);
$poisonous-ice-cream-dark: mix(#000, $poisonous-ice-cream, 20%);
.element {
color: $poisonous-ice-cream;
box-shadow: 0 0 0 2px rgba($poisonous-ice-cream, 0.35);
}