Colore con nome · #DAE3D0
Lime Cake
Lime Cake è #DAE3D0: rgb(218 227 208), hsl(88 25% 85%), oklch(0.904 0.027 127.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lime Cake color name →
#DAE3D0
oklch(0.904 0.027 127.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- DEE6D5
- E1E9D9
- E5EBDE
- E9EEE3
- ECF1E7
- F0F4EC
- F4F7F1
- F8F9F6
- FBFCFA
Ombre
- BDC5B5
- A2A89A
- 878C80
- 6C7167
- 54574F
- 3C3F39
- 252723
- 111210
- 020302
Toni
- D1D9C8
- C7CEBF
- BEC4B7
- B5BAAF
- ACB0A7
- A3A69F
- 9A9D97
- 91938F
- 898988
Armonie di colore
Complementare +180°
- DAE3D0
Lime Cake
- E4DBEE
≈ Princess Fairy Tale
Analogo -30° +30°
- DAE3D0
Lime Cake
- E4E0CC
≈ Misty Moonstone
- D1E5D8
≈ Light Green Wash
Triadico +120° +240°
- DAE3D0
Lime Cake
- D2E1F1
≈ Weathered Blue
- F0D8DC
≈ Funhouse
Complementare divisa +150° +210°
- DAE3D0
Lime Cake
- DADEF2
≈ Artemis Silver
- ECD9E6
≈ Mountain Heather
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.87:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.87:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
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);
}