Colore con nome · #DDDD11
Golden Chandelier
Golden Chandelier è #DDDD11: rgb(221 221 17), hsl(60 86% 47%), oklch(0.869 0.187 109.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Golden Chandelier color name →
#DDDD11
oklch(0.869 0.187 109.7)
Conversioni di colore
- HEX
- #dddd11
- RGB
- rgb(221 221 17)
- HSL
- hsl(60 86% 47%)
- HWB
- hwb(60 7% 13%)
- OKLCH
- oklch(0.869 0.187 109.7)
- OKLab
- oklab(0.869 -0.063 0.176)
- CIE Lab
- lab(85.98 -14.02 82.35)
- LCH
- lch(85.98 83.53 99.7)
- CMYK
- cmyk(0% 0% 92% 13%)
Tinte · Ombre · Toni
Tinte
- E0E147
- E3E565
- E6E87D
- EAEC92
- EDEFA6
- F0F3B9
- F4F6CB
- F7F9DD
- FBFCEE
Ombre
- C0C00D
- A4A409
- 888806
- 6E6E04
- 555502
- 3D3D01
- 262600
- 111100
- 020200
Toni
- D3D436
- C9CA48
- C0C155
- B6B85F
- ADAE67
- A3A56E
- 9A9C74
- 919378
- 89897D
Armonie di colore
Complementare +180°
- DDDD11
Golden Chandelier
- D2CDFF
≈ Lavender Blue
Analogo -30° +30°
- DDDD11
Golden Chandelier
- FFCB70
≈ Grandis
- 8DF175
≈ Herbivore
Triadico +120° +240°
- DDDD11
Golden Chandelier
- 9CDFFF
≈ Columbia Blue
- FFBEDC
≈ Cotton Candy
Complementare divisa +150° +210°
- DDDD11
Golden Chandelier
- BBD5FF
≈ Ice Cold Stare
- F2BEFF
≈ Electric Lavender
Tetradico +90° +180° +270°
- DDDD11
Golden Chandelier
- 00F0FA
≈ Electric Cyan
- D2CDFF
≈ Lavender Blue
- FFC2C1
≈ Ladylike
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.45:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.42:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.42:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--golden-chandelier: #dddd11;
--golden-chandelier-rgb: 221 221 17;
--golden-chandelier-oklch: oklch(0.869 0.187 109.7);
}
.element {
color: var(--golden-chandelier);
background-color: hsl(60 86% 47%);
border-color: oklch(0.869 0.187 109.7);
}Tailwind CSS v4
@theme {
--color-golden-chandelier: #dddd11;
--color-golden-chandelier-50: #f6fbbd;
--color-golden-chandelier-100: #e9efa5;
--color-golden-chandelier-200: #d6dc7b;
--color-golden-chandelier-300: #bbc03d;
--color-golden-chandelier-400: #a7a600;
--color-golden-chandelier-500: #918d00;
--color-golden-chandelier-600: #7b7700;
--color-golden-chandelier-700: #625f00;
--color-golden-chandelier-800: #4a4500;
--color-golden-chandelier-900: #333000;
--color-golden-chandelier-950: #1f1c00;
}SCSS
$golden-chandelier: #dddd11;
$golden-chandelier-rgb: 221, 221, 17;
$golden-chandelier-light: mix(#fff, $golden-chandelier, 20%);
$golden-chandelier-dark: mix(#000, $golden-chandelier, 20%);
.element {
color: $golden-chandelier;
box-shadow: 0 0 0 2px rgba($golden-chandelier, 0.35);
}