Adlandırılmış renk · #1BFC06
Highlighter Green
Highlighter Green, #1BFC06: rgb(27 252 6), hsl(115 98% 51%), oklch(0.86 0.29 142.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Highlighter Green color name →
#1BFC06
oklch(0.86 0.29 142.2)
Renk dönüşümleri
- HEX
- #1bfc06
- RGB
- rgb(27 252 6)
- HSL
- hsl(115 98% 51%)
- HWB
- hwb(115 2% 1%)
- OKLCH
- oklch(0.86 0.29 142.2)
- OKLab
- oklab(0.86 -0.229 0.177)
- CIE Lab
- lab(87.02 -77.47 79.99)
- LCH
- lch(87.02 111.36 134.1)
- CMYK
- cmyk(89% 0% 98% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 51FD46
- 6FFF64
- 86FF7C
- 9BFF92
- AEFFA6
- C0FFB9
- D0FFCB
- E0FFDD
- F0FFEE
Koyu tonlar
- 16DB04
- 11BB03
- 0C9C02
- 087E01
- 056201
- 024700
- 012D00
- 001600
- 000300
Gri tonlar
- 3EF033
- 50E347
- 5DD754
- 67CB5F
- 6EBE67
- 74B26E
- 78A674
- 7C9979
- 7E8D7D
Renk uyumları
Tamamlayıcı +180°
- 1BFC06
Highlighter Green
- F6B7FF
≈ Strawberry Buttercream
Analog -30° +30°
- 1BFC06
Highlighter Green
- D5DC00
≈ Golden Gun
- 00F3C5
≈ Bright Teal
Üçlü +120° +240°
- 1BFC06
Highlighter Green
- B9D2FF
≈ Ice Cold Stare
- FFBEBB
≈ Peach Scone
Bölünmüş tamamlayıcı +150° +210°
- 1BFC06
Highlighter Green
- D2C9FF
≈ Innocent Snowdrop
- FFBAD7
≈ Cotton Candy
Dörtlü +90° +180° +270°
- 1BFC06
Highlighter Green
- 98DBFF
≈ Shiva Blue
- F6B7FF
≈ Strawberry Buttercream
- FFC29D
≈ Coral Gable
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.40:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 14.97:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 14.97:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--highlighter-green: #1bfc06;
--highlighter-green-rgb: 27 252 6;
--highlighter-green-oklch: oklch(0.86 0.29 142.2);
}
.element {
color: var(--highlighter-green);
background-color: hsl(115 98% 51%);
border-color: oklch(0.86 0.29 142.2);
}Tailwind CSS v4
@theme {
--color-highlighter-green: #1bfc06;
--color-highlighter-green-50: #c2ffc0;
--color-highlighter-green-100: #aaffa9;
--color-highlighter-green-200: #7df380;
--color-highlighter-green-300: #34db46;
--color-highlighter-green-400: #00c400;
--color-highlighter-green-500: #00ad00;
--color-highlighter-green-600: #009300;
--color-highlighter-green-700: #007600;
--color-highlighter-green-800: #005600;
--color-highlighter-green-900: #003c00;
--color-highlighter-green-950: #002600;
}SCSS
$highlighter-green: #1bfc06;
$highlighter-green-rgb: 27, 252, 6;
$highlighter-green-light: mix(#fff, $highlighter-green, 20%);
$highlighter-green-dark: mix(#000, $highlighter-green, 20%);
.element {
color: $highlighter-green;
box-shadow: 0 0 0 2px rgba($highlighter-green, 0.35);
}