이름 색상 · #E7CEB5
Malibu Dune
Malibu Dune은(는) #E7CEB5: rgb(231 206 181), hsl(30 51% 81%), oklch(0.866 0.044 67.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Malibu Dune color name →
#E7CEB5
oklch(0.866 0.044 67.2)
색상 변환
- HEX
- #e7ceb5
- RGB
- rgb(231 206 181)
- HSL
- hsl(30 51% 81%)
- HWB
- hwb(30 71% 9%)
- OKLCH
- oklch(0.866 0.044 67.2)
- OKLab
- oklab(0.866 0.017 0.04)
- CIE Lab
- lab(84.39 6.18 15.85)
- LCH
- lch(84.39 17.01 68.7)
- CMYK
- cmyk(0% 11% 22% 9%)
틴트 · 셰이드 · 톤
틴트
- E9D3BC
- ECD8C4
- EEDDCB
- F1E2D2
- F3E6DA
- F6EBE1
- F8F0E9
- FAF5F0
- FDFAF8
셰이드
- C9B39D
- AB9886
- 8F7F6F
- 736659
- 594E44
- 403830
- 28231D
- 130F0C
- 030202
톤
- DCC6B0
- D2BEAA
- C7B6A5
- BDAEA0
- B2A69A
- A89E95
- 9E9790
- 948F8B
- 8A8885
색 조화
보색 +180°
- E7CEB5
Malibu Dune
- BDD6EF
≈ Delicate Blue Mist
유사색 -30° +30°
- E7CEB5
Malibu Dune
- EECABF
≈ Pale Dogwood
- DAD4B3
≈ Suna White
삼각 배색 +120° +240°
- E7CEB5
Malibu Dune
- B3DDD8
≈ Catch the Wave
- DACCEA
≈ Plum’s the Word
분열 보색 +150° +210°
- E7CEB5
Malibu Dune
- B4DBE6
≈ Fresh Dawn
- CBD1F0
≈ Frozen Periwinkle
사각 배색 +90° +180° +270°
- E7CEB5
Malibu Dune
- BCDCC8
≈ Green Grapes
- BDD6EF
≈ Delicate Blue Mist
- E7C8DD
≈ Pink Pony
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.51:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.89:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.89:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--malibu-dune: #e7ceb5;
--malibu-dune-rgb: 231 206 181;
--malibu-dune-oklch: oklch(0.866 0.044 67.2);
}
.element {
color: var(--malibu-dune);
background-color: hsl(30 51% 81%);
border-color: oklch(0.866 0.044 67.2);
}Tailwind CSS v4
@theme {
--color-malibu-dune: #e7ceb5;
--color-malibu-dune-50: #fef3e8;
--color-malibu-dune-100: #f2e6d9;
--color-malibu-dune-200: #e1d1c1;
--color-malibu-dune-300: #c7b4a0;
--color-malibu-dune-400: #b09a83;
--color-malibu-dune-500: #9a8167;
--color-malibu-dune-600: #826d58;
--color-malibu-dune-700: #685746;
--color-malibu-dune-800: #4d3f32;
--color-malibu-dune-900: #362c22;
--color-malibu-dune-950: #211911;
}SCSS
$malibu-dune: #e7ceb5;
$malibu-dune-rgb: 231, 206, 181;
$malibu-dune-light: mix(#fff, $malibu-dune, 20%);
$malibu-dune-dark: mix(#000, $malibu-dune, 20%);
.element {
color: $malibu-dune;
box-shadow: 0 0 0 2px rgba($malibu-dune, 0.35);
}