Benannte Farbe · #A7CCA4
Limestoned
Limestoned ist #A7CCA4: rgb(167 204 164), hsl(116 28% 72%), oklch(0.808 0.068 143). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Limestoned color name →
#A7CCA4
oklch(0.808 0.068 143)
Farbumrechnungen
- HEX
- #a7cca4
- RGB
- rgb(167 204 164)
- HSL
- hsl(116 28% 72%)
- HWB
- hwb(116 64% 20%)
- OKLCH
- oklch(0.808 0.068 143)
- OKLab
- oklab(0.808 -0.054 0.041)
- CIE Lab
- lab(78.54 -18.48 15.78)
- LCH
- lch(78.54 24.3 139.5)
- CMYK
- cmyk(18% 0% 20% 20%)
Tints · Shades · Tones
Tints
- B0D1AD
- B8D6B6
- C1DBBF
- CAE0C8
- D3E5D1
- DCEBDA
- E4F0E3
- EDF5EC
- F6FAF6
Shades
- 91B18E
- 7B9779
- 667E64
- 526550
- 3E4E3D
- 2C372B
- 1A221A
- 0A0F0A
- 010201
Tones
- A3C4A0
- 9FBC9D
- 9BB599
- 98AD96
- 94A592
- 909E8F
- 8C968B
- 888F87
- 848784
Farbharmonien
Komplementär +180°
- A7CCA4
Limestoned
- D6B2DA
≈ Blushing Sky
Analog -30° +30°
- A7CCA4
Limestoned
- C0C593
≈ Brimstone Butterfly
- 92CFBC
≈ Wintermint
Triadisch +120° +240°
- A7CCA4
Limestoned
- A9C1ED
≈ Sky High
- E9AFAC
≈ Shaded Primrose
Geteilt komplementär +150° +210°
- A7CCA4
Limestoned
- C1B9E9
≈ Pretty Posie
- E4AFC4
≈ Roseate Spoonbill
Tetradisch +90° +180° +270°
- A7CCA4
Limestoned
- 94C8E5
≈ Thresher Shark
- D6B2DA
≈ Blushing Sky
- E4B598
≈ So Baja
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.77:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.81:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.81:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--limestoned: #a7cca4;
--limestoned-rgb: 167 204 164;
--limestoned-oklch: oklch(0.808 0.068 143);
}
.element {
color: var(--limestoned);
background-color: hsl(116 28% 72%);
border-color: oklch(0.808 0.068 143);
}Tailwind CSS v4
@theme {
--color-limestoned: #a7cca4;
--color-limestoned-50: #eafbe9;
--color-limestoned-100: #dbeeda;
--color-limestoned-200: #c3dcc3;
--color-limestoned-300: #a2c1a2;
--color-limestoned-400: #87a985;
--color-limestoned-500: #6b9269;
--color-limestoned-600: #5b7c59;
--color-limestoned-700: #496347;
--color-limestoned-800: #354832;
--color-limestoned-900: #243222;
--color-limestoned-950: #131e11;
}SCSS
$limestoned: #a7cca4;
$limestoned-rgb: 167, 204, 164;
$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);
}