Colore con nome più vicino · #A5D2AC
#A5D2AC
Colore con nome più vicino: Limestoned
#A5D2AC (rgb(165 210 172), hsl(129 33% 74%), oklch(0.821 0.071 149.2)) è più vicino al colore con nome Limestoned. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A5D2AC
oklch(0.821 0.071 149.2)
Conversioni di colore
- HEX
- #a5d2ac
- RGB
- rgb(165 210 172)
- HSL
- hsl(129 33% 74%)
- HWB
- hwb(129 65% 18%)
- OKLCH
- oklch(0.821 0.071 149.2)
- OKLab
- oklab(0.821 -0.061 0.036)
- CIE Lab
- lab(80.22 -20.89 13.87)
- LCH
- lch(80.22 25.08 146.4)
- CMYK
- cmyk(21% 0% 18% 18%)
Tinte · Ombre · Toni
Tinte
- AED7B4
- B7DBBC
- C0E0C5
- C9E4CD
- D2E9D5
- DBEDDD
- E4F2E6
- EDF6EE
- F6FBF7
Ombre
- 8FB695
- 799B7F
- 658169
- 516854
- 3D5040
- 2B392D
- 1A241B
- 0A100B
- 010201
Toni
- A1CAA8
- 9EC1A3
- 9AB99F
- 97B19A
- 93A896
- 8FA092
- 8C988D
- 889089
- 848884
Armonie di colore
Complementare +180°
- A5D2AC
Limestoned
- DFB5DB
≈ French Lilac
Analogo -30° +30°
- A5D2AC
Limestoned
- BFCC98
≈ White Grape
- 91D4C6
≈ Green Daze
Triadico +120° +240°
- A5D2AC
Limestoned
- B2C3F4
≈ Larkspur Bud
- EFB4AA
≈ Mesa Rose
Complementare divisa +150° +210°
- A5D2AC
Limestoned
- CBBBED
≈ Connecticut Lilac
- ECB2C3
≈ Fallen Blossoms
Tetradico +90° +180° +270°
- A5D2AC
Limestoned
- 9ACCEE
≈ Fail Whale
- DFB5DB
≈ French Lilac
- E8BA97
≈ Fresh Praline
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.41:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--limestoned: #a5d2ac;
--limestoned-rgb: 165 210 172;
--limestoned-oklch: oklch(0.821 0.071 149.2);
}
.element {
color: var(--limestoned);
background-color: hsl(129 33% 74%);
border-color: oklch(0.821 0.071 149.2);
}Tailwind CSS v4
@theme {
--color-limestoned: #a5d2ac;
--color-limestoned-50: #e7fbeb;
--color-limestoned-100: #d8efdc;
--color-limestoned-200: #bfddc5;
--color-limestoned-300: #9ec2a5;
--color-limestoned-400: #81ab88;
--color-limestoned-500: #64946d;
--color-limestoned-600: #557d5c;
--color-limestoned-700: #446449;
--color-limestoned-800: #324934;
--color-limestoned-900: #223323;
--color-limestoned-950: #111e12;
}SCSS
$limestoned: #a5d2ac;
$limestoned-rgb: 165, 210, 172;
$limestoned-light: mix(#fff, $limestoned, 20%);
$limestoned-dark: mix(#000, $limestoned, 20%);
.element {
color: $limestoned;
box-shadow: 0 0 0 2px rgba($limestoned, 0.35);
}