Colore con nome · #D1DD86
Lime Ice
Lime Ice è #D1DD86: rgb(209 221 134), hsl(68 56% 70%), oklch(0.869 0.111 115.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lime Ice color name →
#D1DD86
oklch(0.869 0.111 115.2)
Conversioni di colore
- HEX
- #d1dd86
- RGB
- rgb(209 221 134)
- HSL
- hsl(68 56% 70%)
- HWB
- hwb(68 53% 13%)
- OKLCH
- oklch(0.869 0.111 115.2)
- OKLab
- oklab(0.869 -0.047 0.101)
- CIE Lab
- lab(85.74 -13.9 41.2)
- LCH
- lch(85.74 43.49 108.6)
- CMYK
- cmyk(5% 0% 39% 13%)
Tinte · Ombre · Toni
Tinte
- D5E193
- DAE4A0
- DEE8AC
- E3EBB8
- E7EEC4
- ECF2D0
- F1F5DC
- F5F8E8
- FAFCF3
Ombre
- B5C074
- 9BA462
- 818851
- 686E40
- 505530
- 393D21
- 232613
- 101106
- 020201
Toni
- C9D386
- C0CA87
- B8C087
- B0B786
- A7AE86
- 9FA485
- 979B84
- 8F9283
- 888982
Armonie di colore
Complementare +180°
- D1DD86
Lime Ice
- D7CBFF
≈ Lavender Blue
Analogo -30° +30°
- D1DD86
Lime Ice
- F5CF7B
≈ Popcorn
- A5E8A7
≈ Grape Green
Triadico +120° +240°
- D1DD86
Lime Ice
- A3DDFF
≈ Droplet
- FFBFD6
≈ Cotton Candy
Complementare divisa +150° +210°
- D1DD86
Lime Ice
- C0D4FF
≈ Pale Phthalo Blue
- FABBFC
≈ Sweet Slumber Pink
Tetradico +90° +180° +270°
- D1DD86
Lime Ice
- 6EE9F7
≈ Robin’s Egg
- D7CBFF
≈ Lavender Blue
- FFC3BD
≈ Ladylike
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.45:1 · APCA Lc 22
Ag
AAASu nero
WCAG 14.39:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.39:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--lime-ice: #d1dd86;
--lime-ice-rgb: 209 221 134;
--lime-ice-oklch: oklch(0.869 0.111 115.2);
}
.element {
color: var(--lime-ice);
background-color: hsl(68 56% 70%);
border-color: oklch(0.869 0.111 115.2);
}Tailwind CSS v4
@theme {
--color-lime-ice: #d1dd86;
--color-lime-ice-50: #f2fad6;
--color-lime-ice-100: #e5edc4;
--color-lime-ice-200: #d0dba5;
--color-lime-ice-300: #b3bf7d;
--color-lime-ice-400: #9ca656;
--color-lime-ice-500: #848e2a;
--color-lime-ice-600: #707826;
--color-lime-ice-700: #59601e;
--color-lime-ice-800: #434612;
--color-lime-ice-900: #2e310b;
--color-lime-ice-950: #1b1d01;
}SCSS
$lime-ice: #d1dd86;
$lime-ice-rgb: 209, 221, 134;
$lime-ice-light: mix(#fff, $lime-ice, 20%);
$lime-ice-dark: mix(#000, $lime-ice, 20%);
.element {
color: $lime-ice;
box-shadow: 0 0 0 2px rgba($lime-ice, 0.35);
}