Benoemde kleur · #EEEE33
Delightful Dandelion
Delightful Dandelion is #EEEE33: rgb(238 238 51), hsl(60 85% 57%), oklch(0.92 0.189 109.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Delightful Dandelion color name →
#EEEE33
oklch(0.92 0.189 109.6)
Kleurconversies
- HEX
- #eeee33
- RGB
- rgb(238 238 51)
- HSL
- hsl(60 85% 57%)
- HWB
- hwb(60 20% 7%)
- OKLCH
- oklch(0.92 0.189 109.6)
- OKLab
- oklab(0.92 -0.063 0.178)
- CIE Lab
- lab(91.92 -14.33 81.31)
- LCH
- lch(91.92 82.56 100)
- CMYK
- cmyk(0% 0% 79% 7%)
Tinten · Schaduwen · Tonen
Tinten
- EFF058
- F1F272
- F2F487
- F4F69B
- F6F8AD
- F7FABF
- F9FBCF
- FBFDE0
- FDFEEF
Schaduwen
- CFCF2B
- B1B123
- 93931C
- 777714
- 5C5C0D
- 424207
- 2A2A03
- 141401
- 030300
Tonen
- E2E347
- D7D855
- CBCD60
- C0C168
- B5B66E
- AAAC74
- 9FA178
- 94967B
- 8A8B7E
Kleurharmonieën
Complementair +180°
- EEEE33
Delightful Dandelion
- E3E1FF
≈ Stoic White
Analoog -30° +30°
- EEEE33
Delightful Dandelion
- FFE0AD
≈ Creamy Oat
- A8FF93
≈ Mint to Be
Triadisch +120° +240°
- EEEE33
Delightful Dandelion
- C4EBFF
≈ Blue Java Banana
- FFD8E9
≈ Strawberry Milk
Gesplitst complementair +150° +210°
- EEEE33
Delightful Dandelion
- D6E6FF
≈ Veiling Waterfalls
- F7D8FF
≈ Lavender Savour
Tetradisch +90° +180° +270°
- EEEE33
Delightful Dandelion
- 8BFAFF
≈ Electric Blue
- E3E1FF
≈ Stoic White
- FFDADA
≈ Cottagecore Sunset
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOp zwart
WCAG 16.91:1 · APCA Lc 92
Beste tekstkleur: #000000
WCAG 16.91:1 (AAA) · APCA Lc 92
Contrast pairs
Codefragmenten
CSS
:root {
--delightful-dandelion: #eeee33;
--delightful-dandelion-rgb: 238 238 51;
--delightful-dandelion-oklch: oklch(0.92 0.189 109.6);
}
.element {
color: var(--delightful-dandelion);
background-color: hsl(60 85% 57%);
border-color: oklch(0.92 0.189 109.6);
}Tailwind CSS v4
@theme {
--color-delightful-dandelion: #eeee33;
--color-delightful-dandelion-50: #f6fbbd;
--color-delightful-dandelion-100: #e9efa5;
--color-delightful-dandelion-200: #d7dc7a;
--color-delightful-dandelion-300: #bbc03b;
--color-delightful-dandelion-400: #a7a600;
--color-delightful-dandelion-500: #918d00;
--color-delightful-dandelion-600: #7b7700;
--color-delightful-dandelion-700: #625f00;
--color-delightful-dandelion-800: #4a4500;
--color-delightful-dandelion-900: #343000;
--color-delightful-dandelion-950: #1f1c00;
}SCSS
$delightful-dandelion: #eeee33;
$delightful-dandelion-rgb: 238, 238, 51;
$delightful-dandelion-light: mix(#fff, $delightful-dandelion, 20%);
$delightful-dandelion-dark: mix(#000, $delightful-dandelion, 20%);
.element {
color: $delightful-dandelion;
box-shadow: 0 0 0 2px rgba($delightful-dandelion, 0.35);
}