Benannte Farbe · #A4E3B3
Overtone
Overtone ist #A4E3B3: rgb(164 227 179), hsl(134 53% 77%), oklch(0.86 0.092 151.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Overtone color name →
#A4E3B3
oklch(0.86 0.092 151.5)
Farbumrechnungen
- HEX
- #a4e3b3
- RGB
- rgb(164 227 179)
- HSL
- hsl(134 53% 77%)
- HWB
- hwb(134 64% 11%)
- OKLCH
- oklch(0.86 0.092 151.5)
- OKLab
- oklab(0.86 -0.081 0.044)
- CIE Lab
- lab(85.03 -27.9 16.86)
- LCH
- lch(85.03 32.6 148.9)
- CMYK
- cmyk(28% 0% 21% 11%)
Tints · Shades · Tones
Tints
- AEE6BB
- B7E9C2
- C0ECCA
- C9EFD1
- D2F1D9
- DBF4E0
- E4F7E8
- EDFAF0
- F6FCF7
Shades
- 8EC59B
- 79A884
- 648C6E
- 507158
- 3D5743
- 2B3F2F
- 1A271D
- 0A120C
- 010301
Tones
- A1D9AE
- 9ECFA9
- 9AC4A4
- 97BA9F
- 93B199
- 90A794
- 8C9D8F
- 88938A
- 848A85
Farbharmonien
Komplementär +180°
- A4E3B3
Overtone
- F5BBED
≈ Lovecloud
Analog -30° +30°
- A4E3B3
Overtone
- C7DB97
≈ Lickety Split
- 89E5D5
≈ Sea Foam
Triadisch +120° +240°
- A4E3B3
Overtone
- C1CFFF
≈ Lavender Blue
- FFBFB3
≈ Ruffled Parasol
Geteilt komplementär +150° +210°
- A4E3B3
Overtone
- DAC5FF
≈ Neon Boneyard
- FFBCCD
≈ Rosie
Tetradisch +90° +180° +270°
- A4E3B3
Overtone
- A5D8FF
≈ Malmö FF
- F5BBED
≈ Lovecloud
- FEC493
≈ Tuscan Wall
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.47:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.21:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.21:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--overtone: #a4e3b3;
--overtone-rgb: 164 227 179;
--overtone-oklch: oklch(0.86 0.092 151.5);
}
.element {
color: var(--overtone);
background-color: hsl(134 53% 77%);
border-color: oklch(0.86 0.092 151.5);
}Tailwind CSS v4
@theme {
--color-overtone: #a4e3b3;
--color-overtone-50: #e2fde9;
--color-overtone-100: #d1f1da;
--color-overtone-200: #b7e0c2;
--color-overtone-300: #93c6a2;
--color-overtone-400: #75ae83;
--color-overtone-500: #549867;
--color-overtone-600: #488057;
--color-overtone-700: #396746;
--color-overtone-800: #2a4b31;
--color-overtone-900: #1c3421;
--color-overtone-950: #0c2010;
}SCSS
$overtone: #a4e3b3;
$overtone-rgb: 164, 227, 179;
$overtone-light: mix(#fff, $overtone, 20%);
$overtone-dark: mix(#000, $overtone, 20%);
.element {
color: $overtone;
box-shadow: 0 0 0 2px rgba($overtone, 0.35);
}