Colore con nome più vicino · #DACA98
#DACA98
Colore con nome più vicino: Desert Temple
#DACA98 (rgb(218 202 152), hsl(45 47% 73%), oklch(0.84 0.068 92.4)) è più vicino al colore con nome Desert Temple. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#DACA98
oklch(0.84 0.068 92.4)
Conversioni di colore
- HEX
- #daca98
- RGB
- rgb(218 202 152)
- HSL
- hsl(45 47% 73%)
- HWB
- hwb(45 60% 15%)
- OKLCH
- oklch(0.84 0.068 92.4)
- OKLab
- oklab(0.84 -0.003 0.068)
- CIE Lab
- lab(81.75 0.26 27.18)
- LCH
- lch(81.75 27.18 89.5)
- CMYK
- cmyk(0% 7% 30% 15%)
Tinte · Ombre · Toni
Tinte
- DECFA2
- E1D5AD
- E5DAB7
- E9DFC1
- ECE4CC
- F0EAD6
- F4EFE0
- F8F4EA
- FBFAF5
Ombre
- BDAF84
- A29570
- 877C5C
- 6C644A
- 544D38
- 3C3727
- 252217
- 110F08
- 020201
Toni
- D1C296
- C7BB94
- BEB392
- B5AC8F
- ACA48D
- A39D8A
- 9A9688
- 918E85
- 898783
Armonie di colore
Complementare +180°
- DACA98
Desert Temple
- BBC9F8
≈ Light Periwinkle
Analogo -30° +30°
- DACA98
Desert Temple
- EBC19D
≈ Special Peach
- C2D2A1
≈ Cricket Field
Triadico +120° +240°
- DACA98
Desert Temple
- 96D7E5
≈ Oceano
- E6BBDE
≈ Blackberry Yoghurt
Complementare divisa +150° +210°
- DACA98
Desert Temple
- A4D1F4
≈ Marzena Dream
- D3C1F0
≈ York Plum
Tetradico +90° +180° +270°
- DACA98
Desert Temple
- 98DACE
≈ Sweet Rhapsody
- BBC9F8
≈ Light Periwinkle
- F2B9C7
≈ Pink Grapefruit
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.88:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--desert-temple: #daca98;
--desert-temple-rgb: 218 202 152;
--desert-temple-oklch: oklch(0.84 0.068 92.4);
}
.element {
color: var(--desert-temple);
background-color: hsl(45 47% 73%);
border-color: oklch(0.84 0.068 92.4);
}Tailwind CSS v4
@theme {
--color-desert-temple: #daca98;
--color-desert-temple-50: #fbf5e0;
--color-desert-temple-100: #efe8cf;
--color-desert-temple-200: #ddd4b4;
--color-desert-temple-300: #c2b790;
--color-desert-temple-400: #ac9e70;
--color-desert-temple-500: #968550;
--color-desert-temple-600: #7f7144;
--color-desert-temple-700: #665a36;
--color-desert-temple-800: #4b4226;
--color-desert-temple-900: #342d19;
--color-desert-temple-950: #201a0a;
}SCSS
$desert-temple: #daca98;
$desert-temple-rgb: 218, 202, 152;
$desert-temple-light: mix(#fff, $desert-temple, 20%);
$desert-temple-dark: mix(#000, $desert-temple, 20%);
.element {
color: $desert-temple;
box-shadow: 0 0 0 2px rgba($desert-temple, 0.35);
}