Nazwany kolor · #DDC6B1
Arabian Sands
Arabian Sands to #DDC6B1: rgb(221 198 177), hsl(29 39% 78%), oklch(0.84 0.039 64.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Arabian Sands color name →
#DDC6B1
oklch(0.84 0.039 64.7)
Konwersje koloru
- HEX
- #ddc6b1
- RGB
- rgb(221 198 177)
- HSL
- hsl(29 39% 78%)
- HWB
- hwb(29 69% 13%)
- OKLCH
- oklch(0.84 0.039 64.7)
- OKLab
- oklab(0.84 0.017 0.035)
- CIE Lab
- lab(81.42 5.92 13.67)
- LCH
- lch(81.42 14.9 66.6)
- CMYK
- cmyk(0% 10% 20% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0CCB9
- E4D1C0
- E7D7C8
- EBDDD0
- EEE2D8
- F1E8DF
- F5EEE7
- F8F3EF
- FCF9F7
Odcienie ciemniejsze
- C0AC99
- A49283
- 887A6C
- 6E6257
- 554B42
- 3D352F
- 26211C
- 110E0C
- 020201
Tony
- D3BFAC
- CAB8A7
- C0B0A2
- B7A99D
- ADA298
- A49B93
- 9B948F
- 928E8A
- 898785
Harmonie kolorów
Komplementarna +180°
- DDC6B1
Arabian Sands
- B6CEE3
≈ Tender Twilight
Analogowa -30° +30°
- DDC6B1
Arabian Sands
- E3C2BA
≈ Golden Guernsey
- D2CBAF
≈ Platinum Sage
Triada +120° +240°
- DDC6B1
Arabian Sands
- B0D3CE
≈ Icy Morn
- D0C5DF
≈ Lavender Bliss
Komplementarna rozszczepiona +150° +210°
- DDC6B1
Arabian Sands
- AFD2DA
≈ Balboa
- C3C9E5
≈ Powdered Granite
Tetrada +90° +180° +270°
- DDC6B1
Arabian Sands
- B8D3C0
≈ Pitcher
- B6CEE3
≈ Tender Twilight
- DBC2D5
≈ Lilac Snow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.64:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.78:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--arabian-sands: #ddc6b1;
--arabian-sands-rgb: 221 198 177;
--arabian-sands-oklch: oklch(0.84 0.039 64.7);
}
.element {
color: var(--arabian-sands);
background-color: hsl(29 39% 78%);
border-color: oklch(0.84 0.039 64.7);
}Tailwind CSS v4
@theme {
--color-arabian-sands: #ddc6b1;
--color-arabian-sands-50: #fdf3ea;
--color-arabian-sands-100: #f1e6db;
--color-arabian-sands-200: #e0d1c3;
--color-arabian-sands-300: #c5b4a3;
--color-arabian-sands-400: #af9a87;
--color-arabian-sands-500: #99816c;
--color-arabian-sands-600: #816d5b;
--color-arabian-sands-700: #675749;
--color-arabian-sands-800: #4c4035;
--color-arabian-sands-900: #352c24;
--color-arabian-sands-950: #201913;
}SCSS
$arabian-sands: #ddc6b1;
$arabian-sands-rgb: 221, 198, 177;
$arabian-sands-light: mix(#fff, $arabian-sands, 20%);
$arabian-sands-dark: mix(#000, $arabian-sands, 20%);
.element {
color: $arabian-sands;
box-shadow: 0 0 0 2px rgba($arabian-sands, 0.35);
}