Colore con nome · #DDB582
Cellini Gold
Cellini Gold è #DDB582: rgb(221 181 130), hsl(34 57% 69%), oklch(0.797 0.081 73). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cellini Gold color name →
#DDB582
oklch(0.797 0.081 73)
Conversioni di colore
- HEX
- #ddb582
- RGB
- rgb(221 181 130)
- HSL
- hsl(34 57% 69%)
- HWB
- hwb(34 51% 13%)
- OKLCH
- oklch(0.797 0.081 73)
- OKLab
- oklab(0.797 0.024 0.078)
- CIE Lab
- lab(76.42 9.99 31.73)
- LCH
- lch(76.42 33.26 72.5)
- CMYK
- cmyk(0% 18% 41% 13%)
Tinte · Ombre · Toni
Tinte
- E1BC8F
- E4C49B
- E8CBA8
- EBD3B4
- EEDAC1
- F2E1CD
- F5E9DA
- F9F0E6
- FCF8F2
Ombre
- C09D70
- A4865F
- 886F4E
- 6E593E
- 55442F
- 3D3020
- 261D12
- 110C06
- 020201
Toni
- D3B082
- CAAA83
- C0A583
- B7A083
- AE9A83
- A59582
- 9B9082
- 928B81
- 898581
Armonie di colore
Complementare +180°
- DDB582
Cellini Gold
- 98C0F0
≈ Sail to the Sea
Analogo -30° +30°
- DDB582
Cellini Gold
- EAAC93
≈ Aloha Sunset
- C6BF82
≈ Wheat Grass
Triadico +120° +240°
- DDB582
Cellini Gold
- 7BCECB
≈ Blue Green Gem
- CFAEE2
≈ Whisper of Plum
Complementare divisa +150° +210°
- DDB582
Cellini Gold
- 80C9E3
≈ Budgie Blue
- B5B7F0
≈ Purple Illusion
Tetradico +90° +180° +270°
- DDB582
Cellini Gold
- 8CCEAE
≈ Vile Green
- 98C0F0
≈ Sail to the Sea
- E2A8CB
≈ Pink Bliss
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.90:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.00:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 11.00:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--cellini-gold: #ddb582;
--cellini-gold-rgb: 221 181 130;
--cellini-gold-oklch: oklch(0.797 0.081 73);
}
.element {
color: var(--cellini-gold);
background-color: hsl(34 57% 69%);
border-color: oklch(0.797 0.081 73);
}Tailwind CSS v4
@theme {
--color-cellini-gold: #ddb582;
--color-cellini-gold-50: #fff2dc;
--color-cellini-gold-100: #f8e5cb;
--color-cellini-gold-200: #e9d0ae;
--color-cellini-gold-300: #d0b289;
--color-cellini-gold-400: #bc9768;
--color-cellini-gold-500: #a77d46;
--color-cellini-gold-600: #8d6a3c;
--color-cellini-gold-700: #71552f;
--color-cellini-gold-800: #543d21;
--color-cellini-gold-900: #3b2a16;
--color-cellini-gold-950: #251807;
}SCSS
$cellini-gold: #ddb582;
$cellini-gold-rgb: 221, 181, 130;
$cellini-gold-light: mix(#fff, $cellini-gold, 20%);
$cellini-gold-dark: mix(#000, $cellini-gold, 20%);
.element {
color: $cellini-gold;
box-shadow: 0 0 0 2px rgba($cellini-gold, 0.35);
}