Nazwany kolor · #DDAB93
Arizona Dust
Arizona Dust to #DDAB93: rgb(221 171 147), hsl(19 52% 72%), oklch(0.781 0.068 46.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Arizona Dust color name →
#DDAB93
oklch(0.781 0.068 46.9)
Konwersje koloru
- HEX
- #ddab93
- RGB
- rgb(221 171 147)
- HSL
- hsl(19 52% 72%)
- HWB
- hwb(19 58% 13%)
- OKLCH
- oklch(0.781 0.068 46.9)
- OKLab
- oklab(0.781 0.046 0.049)
- CIE Lab
- lab(74.22 16.49 19.82)
- LCH
- lch(74.22 25.78 50.2)
- CMYK
- cmyk(0% 23% 33% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E1B39E
- E4BCA8
- E8C4B3
- ECCCBE
- EFD5C8
- F2DDD3
- F6E6DE
- F9EEE9
- FCF6F4
Odcienie ciemniejsze
- C0947F
- A47E6C
- 886859
- 6E5447
- 554036
- 3D2D25
- 261B16
- 110B08
- 020101
Tony
- D4A791
- CAA28F
- C19E8E
- B79A8C
- AE968A
- A59188
- 9C8D86
- 928984
- 898482
Harmonie kolorów
Komplementarna +180°
- DDAB93
Arizona Dust
- 89C1DA
≈ Sky Babe
Analogowa -30° +30°
- DDAB93
Arizona Dust
- E0A7A8
≈ Pastel Pink
- D1B387
≈ Sabre Tooth
Triada +120° +240°
- DDAB93
Arizona Dust
- 8EC6AE
≈ Hellion Green
- B4B2E2
≈ Beloved
Komplementarna rozszczepiona +150° +210°
- DDAB93
Arizona Dust
- 83C6C6
≈ Bay Mist
- 9CBAE3
≈ Aegean Mist
Tetrada +90° +180° +270°
- DDAB93
Arizona Dust
- A4C298
≈ Heartland Frosty
- 89C1DA
≈ Sky Babe
- CAABD5
≈ Darling Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.03:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.32:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.32:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--arizona-dust: #ddab93;
--arizona-dust-rgb: 221 171 147;
--arizona-dust-oklch: oklch(0.781 0.068 46.9);
}
.element {
color: var(--arizona-dust);
background-color: hsl(19 52% 72%);
border-color: oklch(0.781 0.068 46.9);
}Tailwind CSS v4
@theme {
--color-arizona-dust: #ddab93;
--color-arizona-dust-50: #fff0e5;
--color-arizona-dust-100: #fce2d5;
--color-arizona-dust-200: #edccbb;
--color-arizona-dust-300: #d5ae99;
--color-arizona-dust-400: #c1937c;
--color-arizona-dust-500: #ac785f;
--color-arizona-dust-600: #916651;
--color-arizona-dust-700: #755140;
--color-arizona-dust-800: #563b2f;
--color-arizona-dust-900: #3c2820;
--color-arizona-dust-950: #26160f;
}SCSS
$arizona-dust: #ddab93;
$arizona-dust-rgb: 221, 171, 147;
$arizona-dust-light: mix(#fff, $arizona-dust, 20%);
$arizona-dust-dark: mix(#000, $arizona-dust, 20%);
.element {
color: $arizona-dust;
box-shadow: 0 0 0 2px rgba($arizona-dust, 0.35);
}