Adlandırılmış renk · #20F986
Wintergreen
Wintergreen, #20F986: rgb(32 249 134), hsl(148 95% 55%), oklch(0.863 0.22 152.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Wintergreen color name →
#20F986
oklch(0.863 0.22 152.3)
Renk dönüşümleri
- HEX
- #20f986
- RGB
- rgb(32 249 134)
- HSL
- hsl(148 95% 55%)
- HWB
- hwb(148 13% 2%)
- OKLCH
- oklch(0.863 0.22 152.3)
- OKLab
- oklab(0.863 -0.195 0.102)
- CIE Lab
- lab(86.84 -68.75 40.79)
- LCH
- lch(86.84 79.94 149.3)
- CMYK
- cmyk(87% 0% 46% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 53FA93
- 71FBA0
- 88FDAC
- 9DFDB9
- AFFEC5
- C1FFD0
- D1FFDC
- E1FFE8
- F0FFF3
Koyu tonlar
- 1AD974
- 15B962
- 0F9A51
- 0A7D40
- 066130
- 034621
- 012C13
- 001506
- 000301
Gri tonlar
- 40ED87
- 52E087
- 5FD487
- 68C886
- 6FBC86
- 75B085
- 79A484
- 7C9883
- 7F8C82
Renk uyumları
Tamamlayıcı +180°
- 20F986
Wintergreen
- FFB6F3
≈ Hermosa Pink
Analog -30° +30°
- 20F986
Wintergreen
- BBE600
≈ Sour Green
- 00F2DA
≈ Frozen Boubble
Üçlü +120° +240°
- 20F986
Wintergreen
- C2D0FF
≈ Lavender Blue
- FFC1B3
≈ Ruffled Parasol
Bölünmüş tamamlayıcı +150° +210°
- 20F986
Wintergreen
- DCC6FF
≈ Neon Boneyard
- FFBDCD
≈ Rosie
Dörtlü +90° +180° +270°
- 20F986
Wintergreen
- A7D8FF
≈ Malmö FF
- FFB6F3
≈ Hermosa Pink
- FFC491
≈ Dainty Apricot
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.40:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 14.95:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 14.95:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--wintergreen: #20f986;
--wintergreen-rgb: 32 249 134;
--wintergreen-oklch: oklch(0.863 0.22 152.3);
}
.element {
color: var(--wintergreen);
background-color: hsl(148 95% 55%);
border-color: oklch(0.863 0.22 152.3);
}Tailwind CSS v4
@theme {
--color-wintergreen: #20f986;
--color-wintergreen-50: #c4ffd9;
--color-wintergreen-100: #acfec7;
--color-wintergreen-200: #81f0a9;
--color-wintergreen-300: #3cd782;
--color-wintergreen-400: #00c157;
--color-wintergreen-500: #00ab2b;
--color-wintergreen-600: #009027;
--color-wintergreen-700: #00741f;
--color-wintergreen-800: #00550e;
--color-wintergreen-900: #003c09;
--color-wintergreen-950: #002500;
}SCSS
$wintergreen: #20f986;
$wintergreen-rgb: 32, 249, 134;
$wintergreen-light: mix(#fff, $wintergreen, 20%);
$wintergreen-dark: mix(#000, $wintergreen, 20%);
.element {
color: $wintergreen;
box-shadow: 0 0 0 2px rgba($wintergreen, 0.35);
}