Warna bernama · #DAE3D0
Lime Cake
Lime Cake adalah #DAE3D0: rgb(218 227 208), hsl(88 25% 85%), oklch(0.904 0.027 127.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Lime Cake color name →
#DAE3D0
oklch(0.904 0.027 127.8)
Konversi warna
- HEX
- #dae3d0
- RGB
- rgb(218 227 208)
- HSL
- hsl(88 25% 85%)
- HWB
- hwb(88 82% 11%)
- OKLCH
- oklch(0.904 0.027 127.8)
- OKLab
- oklab(0.904 -0.017 0.022)
- CIE Lab
- lab(89.15 -5.64 8.22)
- LCH
- lch(89.15 9.97 124.5)
- CMYK
- cmyk(4% 0% 8% 11%)
Tint · Shade · Tone
Tint
- DEE6D5
- E1E9D9
- E5EBDE
- E9EEE3
- ECF1E7
- F0F4EC
- F4F7F1
- F8F9F6
- FBFCFA
Shade
- BDC5B5
- A2A89A
- 878C80
- 6C7167
- 54574F
- 3C3F39
- 252723
- 111210
- 020302
Tone
- D1D9C8
- C7CEBF
- BEC4B7
- B5BAAF
- ACB0A7
- A3A69F
- 9A9D97
- 91938F
- 898988
Harmoni warna
Komplementer +180°
- DAE3D0
Lime Cake
- E4DBEE
≈ Princess Fairy Tale
Analog -30° +30°
- DAE3D0
Lime Cake
- E4E0CC
≈ Misty Moonstone
- D1E5D8
≈ Light Green Wash
Triadik +120° +240°
- DAE3D0
Lime Cake
- D2E1F1
≈ Weathered Blue
- F0D8DC
≈ Funhouse
Split-komplementer +150° +210°
- DAE3D0
Lime Cake
- DADEF2
≈ Artemis Silver
- ECD9E6
≈ Mountain Heather
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.32:1 · APCA Lc 16
Ag
AAADi atas hitam
WCAG 15.87:1 · APCA Lc 88
Warna teks terbaik: #000000
WCAG 15.87:1 (AAA) · APCA Lc 88
Contrast pairs
Cuplikan kode
CSS
:root {
--lime-cake: #dae3d0;
--lime-cake-rgb: 218 227 208;
--lime-cake-oklch: oklch(0.904 0.027 127.8);
}
.element {
color: var(--lime-cake);
background-color: hsl(88 25% 85%);
border-color: oklch(0.904 0.027 127.8);
}Tailwind CSS v4
@theme {
--color-lime-cake: #dae3d0;
--color-lime-cake-50: #f2f7ef;
--color-lime-cake-100: #e5eae0;
--color-lime-cake-200: #d0d7cb;
--color-lime-cake-300: #b3baac;
--color-lime-cake-400: #9aa291;
--color-lime-cake-500: #818a77;
--color-lime-cake-600: #6d7565;
--color-lime-cake-700: #575d50;
--color-lime-cake-800: #40443a;
--color-lime-cake-900: #2c2f28;
--color-lime-cake-950: #191c16;
}SCSS
$lime-cake: #dae3d0;
$lime-cake-rgb: 218, 227, 208;
$lime-cake-light: mix(#fff, $lime-cake, 20%);
$lime-cake-dark: mix(#000, $lime-cake, 20%);
.element {
color: $lime-cake;
box-shadow: 0 0 0 2px rgba($lime-cake, 0.35);
}