이름 색상 · #DDC6B1
Arabian Sands
Arabian Sands은(는) #DDC6B1: rgb(221 198 177), hsl(29 39% 78%), oklch(0.84 0.039 64.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Arabian Sands color name →
#DDC6B1
oklch(0.84 0.039 64.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E0CCB9
- E4D1C0
- E7D7C8
- EBDDD0
- EEE2D8
- F1E8DF
- F5EEE7
- F8F3EF
- FCF9F7
셰이드
- C0AC99
- A49283
- 887A6C
- 6E6257
- 554B42
- 3D352F
- 26211C
- 110E0C
- 020201
톤
- D3BFAC
- CAB8A7
- C0B0A2
- B7A99D
- ADA298
- A49B93
- 9B948F
- 928E8A
- 898785
색 조화
보색 +180°
- DDC6B1
Arabian Sands
- B6CEE3
≈ Tender Twilight
유사색 -30° +30°
- DDC6B1
Arabian Sands
- E3C2BA
≈ Golden Guernsey
- D2CBAF
≈ Platinum Sage
삼각 배색 +120° +240°
- DDC6B1
Arabian Sands
- B0D3CE
≈ Icy Morn
- D0C5DF
≈ Lavender Bliss
분열 보색 +150° +210°
- DDC6B1
Arabian Sands
- AFD2DA
≈ Balboa
- C3C9E5
≈ Powdered Granite
사각 배색 +90° +180° +270°
- DDC6B1
Arabian Sands
- B8D3C0
≈ Pitcher
- B6CEE3
≈ Tender Twilight
- DBC2D5
≈ Lilac Snow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.78:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
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);
}