Cor nomeada · #88B407
Brilliant Green
Brilliant Green é #88B407: rgb(136 180 7), hsl(75 93% 37%), oklch(0.712 0.178 125.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Brilliant Green color name →
#88B407
oklch(0.712 0.178 125.4)
Conversões de cor
- HEX
- #88b407
- RGB
- rgb(136 180 7)
- HSL
- hsl(75 93% 37%)
- HWB
- hwb(75 3% 29%)
- OKLCH
- oklch(0.712 0.178 125.4)
- OKLab
- oklab(0.712 -0.103 0.145)
- CIE Lab
- lab(68.18 -30.37 66.97)
- LCH
- lch(68.18 73.53 114.4)
- CMYK
- cmyk(24% 0% 96% 29%)
Tons claros · Sombras · Tons
Tons claros
- 93BC3B
- 9FC457
- AACB6F
- B6D385
- C2DB9A
- CEE2AF
- DAE9C3
- E6F1D7
- F3F8EB
Sombras
- 759C05
- 638504
- 526E02
- 415802
- 314401
- 223000
- 131D00
- 060C00
- 010200
Tons
- 87AF2B
- 86AA3C
- 86A549
- 85A054
- 849B5D
- 839666
- 82906D
- 828B74
- 81867A
Harmonias de cor
Complementar +180°
- 88B407
Brilliant Green
- BD81F9
≈ Lilac Geode
Análoga -30° +30°
- 88B407
Brilliant Green
- BEA000
≈ Snakebite Leather
- 00C170
≈ Times Square Screens
Tríade +120° +240°
- 88B407
Brilliant Green
- 33A9FF
≈ Xed
- FA6A92
≈ God’s Own Junkyard Pink
Complementar dividida +150° +210°
- 88B407
Brilliant Green
- 8898FF
≈ Periwinkle Blue
- E471CD
≈ Explicit Pink
Tétrade +90° +180° +270°
- 88B407
Brilliant Green
- 00B5D3
≈ Ocean Sigh
- BD81F9
≈ Lilac Geode
- FD714E
≈ Often Orange
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.44:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.57:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.57:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos de código
CSS
:root {
--brilliant-green: #88b407;
--brilliant-green-rgb: 136 180 7;
--brilliant-green-oklch: oklch(0.712 0.178 125.4);
}
.element {
color: var(--brilliant-green);
background-color: hsl(75 93% 37%);
border-color: oklch(0.712 0.178 125.4);
}Tailwind CSS v4
@theme {
--color-brilliant-green: #88b407;
--color-brilliant-green-50: #e7ffc9;
--color-brilliant-green-100: #d7f4b3;
--color-brilliant-green-200: #bfe38f;
--color-brilliant-green-300: #9ec85e;
--color-brilliant-green-400: #86b01a;
--color-brilliant-green-500: #6b9800;
--color-brilliant-green-600: #5a8100;
--color-brilliant-green-700: #486700;
--color-brilliant-green-800: #374b00;
--color-brilliant-green-900: #253400;
--color-brilliant-green-950: #141f00;
}SCSS
$brilliant-green: #88b407;
$brilliant-green-rgb: 136, 180, 7;
$brilliant-green-light: mix(#fff, $brilliant-green, 20%);
$brilliant-green-dark: mix(#000, $brilliant-green, 20%);
.element {
color: $brilliant-green;
box-shadow: 0 0 0 2px rgba($brilliant-green, 0.35);
}