Color con nombre · #D2D88F
Golden Delicious
Golden Delicious es #D2D88F: rgb(210 216 143), hsl(65 48% 70%), oklch(0.861 0.094 112.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Golden Delicious color name →
#D2D88F
oklch(0.861 0.094 112.2)
Conversiones de color
- HEX
- #d2d88f
- RGB
- rgb(210 216 143)
- HSL
- hsl(65 48% 70%)
- HWB
- hwb(65 56% 15%)
- OKLCH
- oklch(0.861 0.094 112.2)
- OKLab
- oklab(0.861 -0.036 0.087)
- CIE Lab
- lab(84.6 -10.41 35.33)
- LCH
- lch(84.6 36.83 106.4)
- CMYK
- cmyk(3% 0% 34% 15%)
Tintes · Sombras · Tonos
Tintes
- D6DC9B
- DBE0A6
- DFE4B2
- E4E8BD
- E8ECC8
- EDF0D3
- F1F4DE
- F6F7E9
- FAFBF4
Sombras
- B6BC7C
- 9BA069
- 818557
- 686B45
- 505334
- 393B24
- 242515
- 101107
- 020201
Tonos
- C9CF8E
- C1C68D
- B8BD8C
- B0B48B
- A8AB89
- A0A288
- 989A86
- 909184
- 888982
Armonías de color
Complementario +180°
- D2D88F
Golden Delicious
- D2C9FF
≈ Innocent Snowdrop
Análogo -30° +30°
- D2D88F
Golden Delicious
- F0CC89
≈ Spaghetti Monster
- AEE2A8
≈ Green Gooseberry
Triádico +120° +240°
- D2D88F
Golden Delicious
- 99DBFF
≈ Shiva Blue
- FFBAD7
≈ Cotton Candy
Complementario dividido +150° +210°
- D2D88F
Golden Delicious
- B9D2FF
≈ Ice Cold Stare
- EFBDF6
≈ Lovecloud
Tetrádico +90° +180° +270°
- D2D88F
Golden Delicious
- 80E4EC
≈ Paradisiacal Getaway
- D2C9FF
≈ Innocent Snowdrop
- FFBEBB
≈ Peach Scone
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASobre negro
WCAG 13.95:1 · APCA Lc 80
Mejor color de texto: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmentos de código
CSS
:root {
--golden-delicious: #d2d88f;
--golden-delicious-rgb: 210 216 143;
--golden-delicious-oklch: oklch(0.861 0.094 112.2);
}
.element {
color: var(--golden-delicious);
background-color: hsl(65 48% 70%);
border-color: oklch(0.861 0.094 112.2);
}Tailwind CSS v4
@theme {
--color-golden-delicious: #d2d88f;
--color-golden-delicious-50: #f4f9da;
--color-golden-delicious-100: #e7ecc8;
--color-golden-delicious-200: #d3d9ab;
--color-golden-delicious-300: #b6bd85;
--color-golden-delicious-400: #9fa461;
--color-golden-delicious-500: #888c3c;
--color-golden-delicious-600: #737734;
--color-golden-delicious-700: #5c5f29;
--color-golden-delicious-800: #44451b;
--color-golden-delicious-900: #2f3012;
--color-golden-delicious-950: #1c1c04;
}SCSS
$golden-delicious: #d2d88f;
$golden-delicious-rgb: 210, 216, 143;
$golden-delicious-light: mix(#fff, $golden-delicious, 20%);
$golden-delicious-dark: mix(#000, $golden-delicious, 20%);
.element {
color: $golden-delicious;
box-shadow: 0 0 0 2px rgba($golden-delicious, 0.35);
}