Color con nombre · #B4F319
Lurid Lettuce
Lurid Lettuce es #B4F319: rgb(180 243 25), hsl(77 90% 53%), oklch(0.889 0.223 126.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Lurid Lettuce color name →
#B4F319
oklch(0.889 0.223 126.5)
Conversiones de color
- HEX
- #b4f319
- RGB
- rgb(180 243 25)
- HSL
- hsl(77 90% 53%)
- HWB
- hwb(77 10% 5%)
- OKLCH
- oklch(0.889 0.223 126.5)
- OKLab
- oklab(0.889 -0.133 0.18)
- CIE Lab
- lab(89.14 -39.65 82.2)
- LCH
- lch(89.14 91.27 115.7)
- CMYK
- cmyk(26% 0% 90% 5%)
Tintes · Sombras · Tonos
Tintes
- BBF54B
- C3F768
- CAF880
- D2FA95
- D9FBA8
- E1FCBB
- E8FDCC
- F0FEDE
- F7FFEE
Sombras
- 9CD314
- 85B410
- 6E970B
- 587A07
- 445E04
- 304402
- 1D2B01
- 0C1400
- 020300
Tonos
- AFE73A
- A9DC4B
- A4D058
- 9FC562
- 9AB969
- 95AE70
- 8FA275
- 8A9779
- 858B7D
Armonías de color
Complementario +180°
- B4F319
Lurid Lettuce
- E6CFFF
≈ Lens Flare Pink
Análogo -30° +30°
- B4F319
Lurid Lettuce
- FED900
≈ Evil-Lyn
- 49FFA4
≈ Sea Green
Triádico +120° +240°
- B4F319
Lurid Lettuce
- BCDFFF
≈ Dithered Sky
- FFCAD4
≈ Sweet Sixteen
Complementario dividido +150° +210°
- B4F319
Lurid Lettuce
- D0D8FF
≈ Icy Plains
- FFC6EF
≈ Rosy Maple Moth
Tetrádico +90° +180° +270°
- B4F319
Lurid Lettuce
- 96E9FF
≈ Winter Wizard
- E6CFFF
≈ Lens Flare Pink
- FFCDBF
≈ Delicate Sweet Apricot
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.33:1 · APCA Lc 16
Ag
AAASobre negro
WCAG 15.77:1 · APCA Lc 88
Mejor color de texto: #000000
WCAG 15.77:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--lurid-lettuce: #b4f319;
--lurid-lettuce-rgb: 180 243 25;
--lurid-lettuce-oklch: oklch(0.889 0.223 126.5);
}
.element {
color: var(--lurid-lettuce);
background-color: hsl(77 90% 53%);
border-color: oklch(0.889 0.223 126.5);
}Tailwind CSS v4
@theme {
--color-lurid-lettuce: #b4f319;
--color-lurid-lettuce-50: #e2ffbe;
--color-lurid-lettuce-100: #d2f7a6;
--color-lurid-lettuce-200: #b7e77b;
--color-lurid-lettuce-300: #95cc3d;
--color-lurid-lettuce-400: #7cb300;
--color-lurid-lettuce-500: #5f9c00;
--color-lurid-lettuce-600: #518400;
--color-lurid-lettuce-700: #406a00;
--color-lurid-lettuce-800: #324d00;
--color-lurid-lettuce-900: #223600;
--color-lurid-lettuce-950: #112000;
}SCSS
$lurid-lettuce: #b4f319;
$lurid-lettuce-rgb: 180, 243, 25;
$lurid-lettuce-light: mix(#fff, $lurid-lettuce, 20%);
$lurid-lettuce-dark: mix(#000, $lurid-lettuce, 20%);
.element {
color: $lurid-lettuce;
box-shadow: 0 0 0 2px rgba($lurid-lettuce, 0.35);
}