En yakın adlandırılmış renk · #83E29C
#83E29C
En yakın adlandırılmış renk: Enchanted Emerald
#83E29C (rgb(131 226 156), hsl(136 62% 70%), oklch(0.836 0.134 151.1)) en çok Enchanted Emerald 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.
#83E29C
oklch(0.836 0.134 151.1)
Renk dönüşümleri
- HEX
- #83e29c
- RGB
- rgb(131 226 156)
- HSL
- hsl(136 62% 70%)
- HWB
- hwb(136 51% 11%)
- OKLCH
- oklch(0.836 0.134 151.1)
- OKLab
- oklab(0.836 -0.117 0.065)
- CIE Lab
- lab(82.69 -40.63 25.17)
- LCH
- lch(82.69 47.79 148.2)
- CMYK
- cmyk(42% 0% 31% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 91E5A6
- 9FE8B0
- ABEBBA
- B8EEC4
- C4F1CE
- D0F4D7
- DCF7E1
- E8FAEB
- F4FCF5
Koyu tonlar
- 71C487
- 60A873
- 4F8C5F
- 3F714C
- 2F5739
- 203E28
- 122718
- 061209
- 010301
Gri tonlar
- 84D899
- 85CE97
- 86C494
- 86BA92
- 85B08F
- 85A78C
- 849D89
- 839386
- 828A83
Renk uyumları
Tamamlayıcı +180°
- 83E29C
Enchanted Emerald
- FBA8F1
≈ Pink Wink
Analog -30° +30°
- 83E29C
Enchanted Emerald
- BCD76E
≈ Rebounder
- 46E5CE
≈ Ice Climber
Üçlü +120° +240°
- 83E29C
Enchanted Emerald
- B5C7FF
≈ Light Periwinkle
- FFB3A5
≈ Peach Pearl
Bölünmüş tamamlayıcı +150° +210°
- 83E29C
Enchanted Emerald
- D4BBFF
≈ Lavender Tonic
- FFAFC5
≈ Baby’s Blanket
Dörtlü +90° +180° +270°
- 83E29C
Enchanted Emerald
- 93D1FF
≈ Long Island Sound
- FBA8F1
≈ Pink Wink
- FFB87B
≈ Macaroni and Cheese
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.57:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.32:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--enchanted-emerald: #83e29c;
--enchanted-emerald-rgb: 131 226 156;
--enchanted-emerald-oklch: oklch(0.836 0.134 151.1);
}
.element {
color: var(--enchanted-emerald);
background-color: hsl(136 62% 70%);
border-color: oklch(0.836 0.134 151.1);
}Tailwind CSS v4
@theme {
--color-enchanted-emerald: #83e29c;
--color-enchanted-emerald-50: #d9ffe3;
--color-enchanted-emerald-100: #c7f6d3;
--color-enchanted-emerald-200: #a8e5b9;
--color-enchanted-emerald-300: #7fcc97;
--color-enchanted-emerald-400: #5cb575;
--color-enchanted-emerald-500: #2d9e56;
--color-enchanted-emerald-600: #298649;
--color-enchanted-emerald-700: #216b3a;
--color-enchanted-emerald-800: #194f27;
--color-enchanted-emerald-900: #10371a;
--color-enchanted-emerald-950: #03210b;
}SCSS
$enchanted-emerald: #83e29c;
$enchanted-emerald-rgb: 131, 226, 156;
$enchanted-emerald-light: mix(#fff, $enchanted-emerald, 20%);
$enchanted-emerald-dark: mix(#000, $enchanted-emerald, 20%);
.element {
color: $enchanted-emerald;
box-shadow: 0 0 0 2px rgba($enchanted-emerald, 0.35);
}