Colore con nome · #D4AF85
Caramel Cloud
Caramel Cloud è #D4AF85: rgb(212 175 133), hsl(32 48% 68%), oklch(0.777 0.071 70). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Caramel Cloud color name →
#D4AF85
oklch(0.777 0.071 70)
Conversioni di colore
- HEX
- #d4af85
- RGB
- rgb(212 175 133)
- HSL
- hsl(32 48% 68%)
- HWB
- hwb(32 52% 17%)
- OKLCH
- oklch(0.777 0.071 70)
- OKLab
- oklab(0.777 0.024 0.067)
- CIE Lab
- lab(74.06 9.64 26.89)
- LCH
- lch(74.06 28.57 70.3)
- CMYK
- cmyk(0% 17% 37% 17%)
Tinte · Ombre · Toni
Tinte
- D8B791
- DDBF9D
- E1C7A9
- E6CFB6
- EAD7C2
- EEDFCE
- F2E7DA
- F7EFE6
- FBF7F3
Ombre
- B89873
- 9D8161
- 836B50
- 695640
- 514130
- 3A2E21
- 241C13
- 100B06
- 020101
Toni
- CBAA85
- C3A685
- BAA184
- B29C84
- A99784
- A19383
- 998E82
- 908982
- 888581
Armonie di colore
Complementare +180°
- D4AF85
Caramel Cloud
- 94BAE3
≈ Sacred Blue
Analogo -30° +30°
- D4AF85
Caramel Cloud
- DFA894
≈ Cedarville
- C1B883
≈ Slippery Moss
Triadico +120° +240°
- D4AF85
Caramel Cloud
- 80C5C0
≈ Booty Bay
- C4AAD9
≈ Perfume
Complementare divisa +150° +210°
- D4AF85
Caramel Cloud
- 82C1D6
≈ Ocean Horizon
- ADB2E4
≈ Beloved
Tetradico +90° +180° +270°
- D4AF85
Caramel Cloud
- 8FC5A7
≈ Spearmint Frosting
- 94BAE3
≈ Sacred Blue
- D6A5C5
≈ Rhubarb Gin
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.27:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.27:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--caramel-cloud: #d4af85;
--caramel-cloud-rgb: 212 175 133;
--caramel-cloud-oklch: oklch(0.777 0.071 70);
}
.element {
color: var(--caramel-cloud);
background-color: hsl(32 48% 68%);
border-color: oklch(0.777 0.071 70);
}Tailwind CSS v4
@theme {
--color-caramel-cloud: #d4af85;
--color-caramel-cloud-50: #fff2e0;
--color-caramel-cloud-100: #f7e5cf;
--color-caramel-cloud-200: #e8d0b4;
--color-caramel-cloud-300: #ceb290;
--color-caramel-cloud-400: #ba9870;
--color-caramel-cloud-500: #a47e51;
--color-caramel-cloud-600: #8b6b45;
--color-caramel-cloud-700: #6f5537;
--color-caramel-cloud-800: #533e27;
--color-caramel-cloud-900: #3a2a1a;
--color-caramel-cloud-950: #24180b;
}SCSS
$caramel-cloud: #d4af85;
$caramel-cloud-rgb: 212, 175, 133;
$caramel-cloud-light: mix(#fff, $caramel-cloud, 20%);
$caramel-cloud-dark: mix(#000, $caramel-cloud, 20%);
.element {
color: $caramel-cloud;
box-shadow: 0 0 0 2px rgba($caramel-cloud, 0.35);
}