Adlandırılmış renk · #E7CEB5
Malibu Dune
Malibu Dune, #E7CEB5: rgb(231 206 181), hsl(30 51% 81%), oklch(0.866 0.044 67.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Malibu Dune color name →
#E7CEB5
oklch(0.866 0.044 67.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E9D3BC
- ECD8C4
- EEDDCB
- F1E2D2
- F3E6DA
- F6EBE1
- F8F0E9
- FAF5F0
- FDFAF8
Koyu tonlar
- C9B39D
- AB9886
- 8F7F6F
- 736659
- 594E44
- 403830
- 28231D
- 130F0C
- 030202
Gri tonlar
- DCC6B0
- D2BEAA
- C7B6A5
- BDAEA0
- B2A69A
- A89E95
- 9E9790
- 948F8B
- 8A8885
Renk uyumları
Tamamlayıcı +180°
- E7CEB5
Malibu Dune
- BDD6EF
≈ Delicate Blue Mist
Analog -30° +30°
- E7CEB5
Malibu Dune
- EECABF
≈ Pale Dogwood
- DAD4B3
≈ Suna White
Üçlü +120° +240°
- E7CEB5
Malibu Dune
- B3DDD8
≈ Catch the Wave
- DACCEA
≈ Plum’s the Word
Bölünmüş tamamlayıcı +150° +210°
- E7CEB5
Malibu Dune
- B4DBE6
≈ Fresh Dawn
- CBD1F0
≈ Frozen Periwinkle
Dörtlü +90° +180° +270°
- E7CEB5
Malibu Dune
- BCDCC8
≈ Green Grapes
- BDD6EF
≈ Delicate Blue Mist
- E7C8DD
≈ Pink Pony
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.51:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.89:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.89:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
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);
}