Colore con nome · #D3A169
Desert Caravan
Desert Caravan è #D3A169: rgb(211 161 105), hsl(32 55% 62%), oklch(0.743 0.094 68.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Desert Caravan color name →
#D3A169
oklch(0.743 0.094 68.7)
Conversioni di colore
- HEX
- #d3a169
- RGB
- rgb(211 161 105)
- HSL
- hsl(32 55% 62%)
- HWB
- hwb(32 41% 17%)
- OKLCH
- oklch(0.743 0.094 68.7)
- OKLab
- oklab(0.743 0.034 0.087)
- CIE Lab
- lab(70.11 14.24 36.55)
- LCH
- lch(70.11 39.22 68.7)
- CMYK
- cmyk(0% 24% 50% 17%)
Tinte · Ombre · Toni
Tinte
- D8AA78
- DCB488
- E1BD97
- E5C6A6
- EAD0B4
- EED9C3
- F3E3D2
- F7ECE1
- FBF6F0
Ombre
- B78B5A
- 9C764C
- 82623E
- 694E31
- 513C24
- 3A2A18
- 24190C
- 100904
- 020100
Toni
- CB9E6C
- C29B6F
- BA9772
- B29475
- A99177
- A18E79
- 998A7B
- 91877D
- 88837F
Armonie di colore
Complementare +180°
- D3A169
Desert Caravan
- 7CB1E5
≈ Lucea
Analogo -30° +30°
- D3A169
Desert Caravan
- E09780
≈ Sockeye
- BBAD65
≈ Gimblet
Triadico +120° +240°
- D3A169
Desert Caravan
- 5CBFB8
≈ Hygiene Green
- BD9CD9
≈ Mauve Mist
Complementare divisa +150° +210°
- D3A169
Desert Caravan
- 5FBAD4
≈ Fitness Blue
- 9EA6E7
≈ Dalmatian Sage
Tetradico +90° +180° +270°
- D3A169
Desert Caravan
- 76BE96
≈ Mountain Lake Green
- 7CB1E5
≈ Lucea
- D495C0
≈ Soft Fuchsia
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.31:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.07:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.07:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--desert-caravan: #d3a169;
--desert-caravan-rgb: 211 161 105;
--desert-caravan-oklch: oklch(0.743 0.094 68.7);
}
.element {
color: var(--desert-caravan);
background-color: hsl(32 55% 62%);
border-color: oklch(0.743 0.094 68.7);
}Tailwind CSS v4
@theme {
--color-desert-caravan: #d3a169;
--color-desert-caravan-50: #fff1d9;
--color-desert-caravan-100: #fde3c7;
--color-desert-caravan-200: #eecea9;
--color-desert-caravan-300: #d6b082;
--color-desert-caravan-400: #c39460;
--color-desert-caravan-500: #af7a3b;
--color-desert-caravan-600: #936733;
--color-desert-caravan-700: #765228;
--color-desert-caravan-800: #583c1c;
--color-desert-caravan-900: #3e2912;
--color-desert-caravan-950: #271705;
}SCSS
$desert-caravan: #d3a169;
$desert-caravan-rgb: 211, 161, 105;
$desert-caravan-light: mix(#fff, $desert-caravan, 20%);
$desert-caravan-dark: mix(#000, $desert-caravan, 20%);
.element {
color: $desert-caravan;
box-shadow: 0 0 0 2px rgba($desert-caravan, 0.35);
}