En yakın adlandırılmış renk · #86AC82
#86AC82
En yakın adlandırılmış renk: Verdant Haven
#86AC82 (rgb(134 172 130), hsl(114 20% 59%), oklch(0.705 0.073 142.3)) en çok Verdant Haven adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#86AC82
oklch(0.705 0.073 142.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 92B48E
- 9EBC9A
- AAC5A6
- B5CDB3
- C2D5BF
- CEDDCC
- DAE6D8
- E6EEE5
- F3F7F2
Koyu tonlar
- 749570
- 627F5F
- 51694E
- 40543E
- 30402F
- 212D20
- 131B12
- 060B06
- 010101
Gri tonlar
- 86A882
- 85A382
- 859F82
- 849A82
- 849682
- 839281
- 828D81
- 828981
- 818480
Renk uyumları
Tamamlayıcı +180°
- 86AC82
Verdant Haven
- B691BB
≈ Satin Flower
Analog -30° +30°
- 86AC82
Verdant Haven
- A0A570
≈ Willow Leaf
- 6FAF9B
≈ Dusty Jade Green
Üçlü +120° +240°
- 86AC82
Verdant Haven
- 87A0CE
≈ Wisteria Blue
- CA8E8B
≈ Resounding Rose
Bölünmüş tamamlayıcı +150° +210°
- 86AC82
Verdant Haven
- A198CA
≈ Grape Arbour
- C48DA4
≈ Pinch Me
Dörtlü +90° +180° +270°
- 86AC82
Verdant Haven
- 70A8C6
≈ Moonstone Blue
- B691BB
≈ Satin Flower
- C59476
≈ Portrait Tone
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.54:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.23:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
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);
}