이름 색상 · #E6D9CA
Riviera Dune
Riviera Dune은(는) #E6D9CA: rgb(230 217 202), hsl(32 36% 85%), oklch(0.892 0.025 71.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Riviera Dune color name →
#E6D9CA
oklch(0.892 0.025 71.4)
색상 변환
- HEX
- #e6d9ca
- RGB
- rgb(230 217 202)
- HSL
- hsl(32 36% 85%)
- HWB
- hwb(32 79% 10%)
- OKLCH
- oklch(0.892 0.025 71.4)
- OKLab
- oklab(0.892 0.008 0.024)
- CIE Lab
- lab(87.45 2.77 9.1)
- LCH
- lch(87.45 9.51 73.1)
- CMYK
- cmyk(0% 6% 12% 10%)
틴트 · 셰이드 · 톤
틴트
- E9DDCF
- EBE1D4
- EEE4DA
- F0E8DF
- F3ECE4
- F5F0EA
- F8F4EF
- FAF7F4
- FDFBFA
셰이드
- C8BCAF
- ABA195
- 8E867C
- 736C64
- 59534D
- 403B37
- 282522
- 13110F
- 030202
톤
- DBD0C2
- D1C7BB
- C6BDB3
- BCB4AC
- B2ABA4
- A8A39D
- 9D9A96
- 94918E
- 8A8987
색 조화
보색 +180°
- E6D9CA
Riviera Dune
- D0DDEC
≈ Shattered Sky
유사색 -30° +30°
- E6D9CA
Riviera Dune
- EBD6CF
≈ Coral Cream
- DEDCCA
≈ Green White
삼각 배색 +120° +240°
- E6D9CA
Riviera Dune
- CAE1DF
≈ Mellifluous Blue
- E1D7E8
≈ Old Chalk
분열 보색 +150° +210°
- E6D9CA
Riviera Dune
- CADFE7
≈ Duck’s Egg Blue
- D8DAEC
≈ Eyeshadow
사각 배색 +90° +180° +270°
- E6D9CA
Riviera Dune
- CEE1D6
≈ Light Soft Fresco
- D0DDEC
≈ Shattered Sky
- E8D5E0
≈ Swiss Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.38:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.14:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.14:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--riviera-dune: #e6d9ca;
--riviera-dune-rgb: 230 217 202;
--riviera-dune-oklch: oklch(0.892 0.025 71.4);
}
.element {
color: var(--riviera-dune);
background-color: hsl(32 36% 85%);
border-color: oklch(0.892 0.025 71.4);
}Tailwind CSS v4
@theme {
--color-riviera-dune: #e6d9ca;
--color-riviera-dune-50: #faf4ee;
--color-riviera-dune-100: #ede7df;
--color-riviera-dune-200: #dbd3c9;
--color-riviera-dune-300: #bfb6aa;
--color-riviera-dune-400: #a89c8f;
--color-riviera-dune-500: #918475;
--color-riviera-dune-600: #7b7063;
--color-riviera-dune-700: #62594f;
--color-riviera-dune-800: #484139;
--color-riviera-dune-900: #322d27;
--color-riviera-dune-950: #1e1a15;
}SCSS
$riviera-dune: #e6d9ca;
$riviera-dune-rgb: 230, 217, 202;
$riviera-dune-light: mix(#fff, $riviera-dune, 20%);
$riviera-dune-dark: mix(#000, $riviera-dune, 20%);
.element {
color: $riviera-dune;
box-shadow: 0 0 0 2px rgba($riviera-dune, 0.35);
}