Adlandırılmış renk · #87FD05
Bright Lime
Bright Lime, #87FD05: rgb(135 253 5), hsl(89 98% 51%), oklch(0.889 0.259 135). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Bright Lime color name →
#87FD05
oklch(0.889 0.259 135)
Renk dönüşümleri
- HEX
- #87fd05
- RGB
- rgb(135 253 5)
- HSL
- hsl(89 98% 51%)
- HWB
- hwb(89 2% 1%)
- OKLCH
- oklch(0.889 0.259 135)
- OKLab
- oklab(0.889 -0.183 0.183)
- CIE Lab
- lab(89.77 -58.51 83.45)
- LCH
- lch(89.77 101.92 125)
- CMYK
- cmyk(47% 0% 98% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 95FE47
- A2FF66
- AFFF7E
- BBFF94
- C7FFA7
- D3FFBA
- DEFFCC
- E9FFDD
- F4FFEE
Koyu tonlar
- 75DC04
- 63BC03
- 519D02
- 417F01
- 316201
- 214700
- 132D00
- 061600
- 010300
Gri tonlar
- 88F034
- 89E448
- 89D756
- 89CB60
- 88BE68
- 87B26F
- 86A575
- 849979
- 828D7D
Renk uyumları
Tamamlayıcı +180°
- 87FD05
Bright Lime
- EECBFF
≈ Sparkling Lavender
Analog -30° +30°
- 87FD05
Bright Lime
- EEE000
≈ Banana Clan
- 28FFBC
≈ Night Pearl
Üçlü +120° +240°
- 87FD05
Bright Lime
- C2DDFF
≈ Dithered Sky
- FFCBCE
≈ Lusty-Gallant
Bölünmüş tamamlayıcı +150° +210°
- 87FD05
Bright Lime
- D6D6FF
≈ Pale Phthalo Blue
- FFC7E6
≈ Soulmate Pink
Dörtlü +90° +180° +270°
- 87FD05
Bright Lime
- A6E5FF
≈ Ganon Blue
- EECBFF
≈ Sparkling Lavender
- FFCEB9
≈ Dainty Peach
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.08:1 · APCA Lc 89
En iyi metin rengi: #000000
WCAG 16.08:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--bright-lime: #87fd05;
--bright-lime-rgb: 135 253 5;
--bright-lime-oklch: oklch(0.889 0.259 135);
}
.element {
color: var(--bright-lime);
background-color: hsl(89 98% 51%);
border-color: oklch(0.889 0.259 135);
}Tailwind CSS v4
@theme {
--color-bright-lime: #87fd05;
--color-bright-lime-50: #d2ffbe;
--color-bright-lime-100: #bffca6;
--color-bright-lime-200: #9ded7b;
--color-bright-lime-300: #71d43c;
--color-bright-lime-400: #4ebc00;
--color-bright-lime-500: #09a500;
--color-bright-lime-600: #128c00;
--color-bright-lime-700: #0f7000;
--color-bright-lime-800: #155200;
--color-bright-lime-900: #0d3900;
--color-bright-lime-950: #012300;
}SCSS
$bright-lime: #87fd05;
$bright-lime-rgb: 135, 253, 5;
$bright-lime-light: mix(#fff, $bright-lime, 20%);
$bright-lime-dark: mix(#000, $bright-lime, 20%);
.element {
color: $bright-lime;
box-shadow: 0 0 0 2px rgba($bright-lime, 0.35);
}