Nächste benannte Farbe · #86AC82
#86AC82
Nächste benannte Farbe: Verdant Haven
#86AC82 (rgb(134 172 130), hsl(114 20% 59%), oklch(0.705 0.073 142.3)) liegt am nächsten an der benannten Farbe Verdant Haven. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#86AC82
oklch(0.705 0.073 142.3)
Farbumrechnungen
- HEX
- #86ac82
- RGB
- rgb(134 172 130)
- HSL
- hsl(114 20% 59%)
- HWB
- hwb(114 51% 33%)
- OKLCH
- oklch(0.705 0.073 142.3)
- OKLab
- oklab(0.705 -0.058 0.045)
- CIE Lab
- lab(66.7 -19.63 17.31)
- LCH
- lch(66.7 26.17 138.6)
- CMYK
- cmyk(22% 0% 24% 33%)
Tints · Shades · Tones
Tints
- 92B48E
- 9EBC9A
- AAC5A6
- B5CDB3
- C2D5BF
- CEDDCC
- DAE6D8
- E6EEE5
- F3F7F2
Shades
- 749570
- 627F5F
- 51694E
- 40543E
- 30402F
- 212D20
- 131B12
- 060B06
- 010101
Tones
- 86A882
- 85A382
- 859F82
- 849A82
- 849682
- 839281
- 828D81
- 828981
- 818480
Farbharmonien
Komplementär +180°
- 86AC82
Verdant Haven
- B691BB
≈ Satin Flower
Analog -30° +30°
- 86AC82
Verdant Haven
- A0A570
≈ Willow Leaf
- 6FAF9B
≈ Dusty Jade Green
Triadisch +120° +240°
- 86AC82
Verdant Haven
- 87A0CE
≈ Wisteria Blue
- CA8E8B
≈ Resounding Rose
Geteilt komplementär +150° +210°
- 86AC82
Verdant Haven
- A198CA
≈ Grape Arbour
- C48DA4
≈ Pinch Me
Tetradisch +90° +180° +270°
- 86AC82
Verdant Haven
- 70A8C6
≈ Moonstone Blue
- B691BB
≈ Satin Flower
- C59476
≈ Portrait Tone
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.54:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.23:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--verdant-haven: #86ac82;
--verdant-haven-rgb: 134 172 130;
--verdant-haven-oklch: oklch(0.705 0.073 142.3);
}
.element {
color: var(--verdant-haven);
background-color: hsl(114 20% 59%);
border-color: oklch(0.705 0.073 142.3);
}Tailwind CSS v4
@theme {
--color-verdant-haven: #86ac82;
--color-verdant-haven-50: #e9fbe8;
--color-verdant-haven-100: #daefd9;
--color-verdant-haven-200: #c2ddc1;
--color-verdant-haven-300: #a1c2a0;
--color-verdant-haven-400: #86aa82;
--color-verdant-haven-500: #6a9366;
--color-verdant-haven-600: #5a7c56;
--color-verdant-haven-700: #486345;
--color-verdant-haven-800: #354931;
--color-verdant-haven-900: #243221;
--color-verdant-haven-950: #131e10;
}SCSS
$verdant-haven: #86ac82;
$verdant-haven-rgb: 134, 172, 130;
$verdant-haven-light: mix(#fff, $verdant-haven, 20%);
$verdant-haven-dark: mix(#000, $verdant-haven, 20%);
.element {
color: $verdant-haven;
box-shadow: 0 0 0 2px rgba($verdant-haven, 0.35);
}