Colore con nome · #D0E429
Sickly Yellow
Sickly Yellow è #D0E429: rgb(208 228 41), hsl(66 78% 53%), oklch(0.875 0.191 116.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Sickly Yellow color name →
#D0E429
oklch(0.875 0.191 116.1)
Conversioni di colore
- HEX
- #d0e429
- RGB
- rgb(208 228 41)
- HSL
- hsl(66 78% 53%)
- HWB
- hwb(66 16% 11%)
- OKLCH
- oklch(0.875 0.191 116.1)
- OKLab
- oklab(0.875 -0.084 0.172)
- CIE Lab
- lab(86.89 -22.16 78.45)
- LCH
- lch(86.89 81.52 105.8)
- CMYK
- cmyk(9% 0% 82% 11%)
Tinte · Ombre · Toni
Tinte
- D4E750
- D9EA6B
- DDED82
- E2F096
- E6F3A9
- EBF6BB
- F0F8CD
- F5FBDE
- FAFDEE
Ombre
- B5C622
- 9AA91C
- 808D15
- 67720F
- 4F5809
- 393F05
- 232802
- 101201
- 020300
Toni
- C7DA40
- BFD04F
- B7C65A
- AFBC63
- A6B26A
- 9EA870
- 979E75
- 8F947A
- 878A7D
Armonie di colore
Complementare +180°
- D0E429
Sickly Yellow
- D9CDFF
≈ Pale Lavender
Analogo -30° +30°
- D0E429
Sickly Yellow
- FFCF5B
≈ Casandora Yellow
- 75F685
≈ Flora
Triadico +120° +240°
- D0E429
Sickly Yellow
- A9DEFF
≈ Droplet
- FFC2D7
≈ Sweet Romance
Complementare divisa +150° +210°
- D0E429
Sickly Yellow
- C3D6FF
≈ Pale Phthalo Blue
- FEBBFF
≈ Distilled Rose
Tetradico +90° +180° +270°
- D0E429
Sickly Yellow
- 56EDFF
≈ Bioluminescence
- D9CDFF
≈ Pale Lavender
- FFC6BF
≈ Your Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.81:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.81:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--sickly-yellow: #d0e429;
--sickly-yellow-rgb: 208 228 41;
--sickly-yellow-oklch: oklch(0.875 0.191 116.1);
}
.element {
color: var(--sickly-yellow);
background-color: hsl(66 78% 53%);
border-color: oklch(0.875 0.191 116.1);
}Tailwind CSS v4
@theme {
--color-sickly-yellow: #d0e429;
--color-sickly-yellow-50: #f0fdbf;
--color-sickly-yellow-100: #e2f1a8;
--color-sickly-yellow-200: #cde07e;
--color-sickly-yellow-300: #afc444;
--color-sickly-yellow-400: #9aaa00;
--color-sickly-yellow-500: #829200;
--color-sickly-yellow-600: #6e7c00;
--color-sickly-yellow-700: #586300;
--color-sickly-yellow-800: #434800;
--color-sickly-yellow-900: #2e3200;
--color-sickly-yellow-950: #1b1d00;
}SCSS
$sickly-yellow: #d0e429;
$sickly-yellow-rgb: 208, 228, 41;
$sickly-yellow-light: mix(#fff, $sickly-yellow, 20%);
$sickly-yellow-dark: mix(#000, $sickly-yellow, 20%);
.element {
color: $sickly-yellow;
box-shadow: 0 0 0 2px rgba($sickly-yellow, 0.35);
}