En yakın adlandırılmış renk · #81BD82
#81BD82
En yakın adlandırılmış renk: Exhilarating Green
#81BD82 (rgb(129 189 130), hsl(121 31% 62%), oklch(0.742 0.104 144.8)) en çok Exhilarating Green 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.
#81BD82
oklch(0.742 0.104 144.8)
Renk dönüşümleri
- HEX
- #81bd82
- RGB
- rgb(129 189 130)
- HSL
- hsl(121 31% 62%)
- HWB
- hwb(121 51% 26%)
- OKLCH
- oklch(0.742 0.104 144.8)
- OKLab
- oklab(0.742 -0.085 0.06)
- CIE Lab
- lab(71.36 -29.09 23.51)
- LCH
- lch(71.36 37.4 141.1)
- CMYK
- cmyk(32% 0% 31% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8EC48E
- 9ACA9B
- A7D1A7
- B4D8B3
- C0DEC0
- CDE5CC
- D9EBD9
- E6F2E6
- F2F8F2
Koyu tonlar
- 6FA470
- 5E8C5F
- 4E744E
- 3E5D3E
- 2E472F
- 1F3320
- 121F12
- 060D06
- 010201
Gri tonlar
- 82B782
- 82B182
- 82AB82
- 82A582
- 829E82
- 829882
- 829281
- 818C81
- 818681
Renk uyumları
Tamamlayıcı +180°
- 81BD82
Exhilarating Green
- CD94D0
≈ Ineffable Magenta
Analog -30° +30°
- 81BD82
Exhilarating Green
- A9B364
≈ Cornstalk
- 59C1A7
≈ Spearmint
Üçlü +120° +240°
- 81BD82
Exhilarating Green
- 8BAAEE
≈ Kitten’s Eye
- E6918A
≈ Strawberry Memory
Bölünmüş tamamlayıcı +150° +210°
- 81BD82
Exhilarating Green
- B09EE7
≈ Dull Lavender
- E08FAF
≈ Rosebloom
Dörtlü +90° +180° +270°
- 81BD82
Exhilarating Green
- 63B6E4
≈ Sea Frolic
- CD94D0
≈ Ineffable Magenta
- DF996A
≈ Brown Yellow
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.20:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.53:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.53:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--exhilarating-green: #81bd82;
--exhilarating-green-rgb: 129 189 130;
--exhilarating-green-oklch: oklch(0.742 0.104 144.8);
}
.element {
color: var(--exhilarating-green);
background-color: hsl(121 31% 62%);
border-color: oklch(0.742 0.104 144.8);
}Tailwind CSS v4
@theme {
--color-exhilarating-green: #81bd82;
--color-exhilarating-green-50: #e3fee4;
--color-exhilarating-green-100: #d2f2d4;
--color-exhilarating-green-200: #b8e1bb;
--color-exhilarating-green-300: #94c698;
--color-exhilarating-green-400: #77af78;
--color-exhilarating-green-500: #579859;
--color-exhilarating-green-600: #4a814c;
--color-exhilarating-green-700: #3b673c;
--color-exhilarating-green-800: #2c4b2a;
--color-exhilarating-green-900: #1d341c;
--color-exhilarating-green-950: #0d200c;
}SCSS
$exhilarating-green: #81bd82;
$exhilarating-green-rgb: 129, 189, 130;
$exhilarating-green-light: mix(#fff, $exhilarating-green, 20%);
$exhilarating-green-dark: mix(#000, $exhilarating-green, 20%);
.element {
color: $exhilarating-green;
box-shadow: 0 0 0 2px rgba($exhilarating-green, 0.35);
}