Cor nomeada · #2DFE54
Bright Light Green
Bright Light Green é #2DFE54: rgb(45 254 84), hsl(131 99% 59%), oklch(0.87 0.262 145.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Bright Light Green color name →
#2DFE54
oklch(0.87 0.262 145.1)
Conversões de cor
- HEX
- #2dfe54
- RGB
- rgb(45 254 84)
- HSL
- hsl(131 99% 59%)
- HWB
- hwb(131 18% 0%)
- OKLCH
- oklch(0.87 0.262 145.1)
- OKLab
- oklab(0.87 -0.214 0.15)
- CIE Lab
- lab(88.05 -73.79 63.66)
- LCH
- lch(88.05 97.46 139.2)
- CMYK
- cmyk(82% 0% 67% 0%)
Tons claros · Sombras · Tons
Tons claros
- 58FF6B
- 74FF7F
- 8BFF92
- 9FFFA3
- B1FFB3
- C2FFC3
- D2FFD2
- E1FFE1
- F0FFF0
Sombras
- 26DD48
- 1FBD3C
- 189E31
- 118026
- 0B631B
- 064711
- 022D08
- 011602
- 000300
Tons
- 47F15D
- 56E565
- 62D86B
- 6ACB70
- 71BF74
- 76B278
- 7AA67B
- 7D997D
- 7F8D7F
Harmonias de cor
Complementar +180°
- 2DFE54
Bright Light Green
- FCBAFF
≈ Distilled Rose
Análoga -30° +30°
- 2DFE54
Bright Light Green
- D1E200
≈ Sickly Yellow
- 00F7CE
≈ Bright Teal
Tríade +120° +240°
- 2DFE54
Bright Light Green
- C0D5FF
≈ Pale Phthalo Blue
- FFC3BE
≈ Ladylike
Complementar dividida +150° +210°
- 2DFE54
Bright Light Green
- D7CCFF
≈ Pale Lavender
- FFC0D7
≈ Sweet Romance
Tétrade +90° +180° +270°
- 2DFE54
Bright Light Green
- A4DDFF
≈ Droplet
- FCBAFF
≈ Distilled Rose
- FFC7A2
≈ Apricot Froth
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.36:1 · APCA Lc 17
Ag
AAASobre preto
WCAG 15.41:1 · APCA Lc 87
Melhor cor de texto: #000000
WCAG 15.41:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--bright-light-green: #2dfe54;
--bright-light-green-rgb: 45 254 84;
--bright-light-green-oklch: oklch(0.87 0.262 145.1);
}
.element {
color: var(--bright-light-green);
background-color: hsl(131 99% 59%);
border-color: oklch(0.87 0.262 145.1);
}Tailwind CSS v4
@theme {
--color-bright-light-green: #2dfe54;
--color-bright-light-green-50: #c3ffca;
--color-bright-light-green-100: #abffb5;
--color-bright-light-green-200: #80f290;
--color-bright-light-green-300: #3ad960;
--color-bright-light-green-400: #00c310;
--color-bright-light-green-500: #00ac00;
--color-bright-light-green-600: #009200;
--color-bright-light-green-700: #007500;
--color-bright-light-green-800: #005600;
--color-bright-light-green-900: #003c00;
--color-bright-light-green-950: #002500;
}SCSS
$bright-light-green: #2dfe54;
$bright-light-green-rgb: 45, 254, 84;
$bright-light-green-light: mix(#fff, $bright-light-green, 20%);
$bright-light-green-dark: mix(#000, $bright-light-green, 20%);
.element {
color: $bright-light-green;
box-shadow: 0 0 0 2px rgba($bright-light-green, 0.35);
}