Color con nombre · #B5CE08
Lime Rasp
Lime Rasp es #B5CE08: rgb(181 206 8), hsl(68 93% 42%), oklch(0.804 0.186 118.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Lime Rasp color name →
#B5CE08
oklch(0.804 0.186 118.2)
Conversiones de color
- HEX
- #b5ce08
- RGB
- rgb(181 206 8)
- HSL
- hsl(68 93% 42%)
- HWB
- hwb(68 3% 19%)
- OKLCH
- oklch(0.804 0.186 118.2)
- OKLab
- oklab(0.804 -0.088 0.164)
- CIE Lab
- lab(78.78 -23.72 76.34)
- LCH
- lch(78.78 79.94 107.3)
- CMYK
- cmyk(12% 0% 96% 19%)
Tintes · Sombras · Tonos
Tintes
- BCD341
- C3D95F
- CADE77
- D1E38D
- D9E8A1
- E0EDB4
- E8F1C7
- EFF6DA
- F7FBED
Sombras
- 9DB306
- 869804
- 6F7F03
- 596602
- 444E01
- 303801
- 1D2300
- 0C0F00
- 020200
Tonos
- AFC630
- AABF42
- A4B750
- 9FAF5A
- 99A763
- 949F6A
- 8F9871
- 8A9076
- 85887C
Armonías de color
Complementario +180°
- B5CE08
Lime Rasp
- C8AFFF
≈ Teasel Dipsacus
Análogo -30° +30°
- B5CE08
Lime Rasp
- EBB700
≈ Pattypan
- 57DF77
≈ Weird Green
Triádico +120° +240°
- B5CE08
Lime Rasp
- 75C9FF
≈ Bubbly Barracuda
- FF9DBE
≈ Saira Red
Complementario dividido +150° +210°
- B5CE08
Lime Rasp
- A4BDFF
≈ Pastel Blue
- FE8FFB
≈ Darling Bud
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASobre negro
WCAG 11.79:1 · APCA Lc 70
Mejor color de texto: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmentos de código
CSS
:root {
--lime-rasp: #b5ce08;
--lime-rasp-rgb: 181 206 8;
--lime-rasp-oklch: oklch(0.804 0.186 118.2);
}
.element {
color: var(--lime-rasp);
background-color: hsl(68 93% 42%);
border-color: oklch(0.804 0.186 118.2);
}Tailwind CSS v4
@theme {
--color-lime-rasp: #b5ce08;
--color-lime-rasp-50: #eefec2;
--color-lime-rasp-100: #dff2ab;
--color-lime-rasp-200: #cae083;
--color-lime-rasp-300: #abc54c;
--color-lime-rasp-400: #95ac00;
--color-lime-rasp-500: #7d9300;
--color-lime-rasp-600: #6a7d00;
--color-lime-rasp-700: #546400;
--color-lime-rasp-800: #404900;
--color-lime-rasp-900: #2c3200;
--color-lime-rasp-950: #191e00;
}SCSS
$lime-rasp: #b5ce08;
$lime-rasp-rgb: 181, 206, 8;
$lime-rasp-light: mix(#fff, $lime-rasp, 20%);
$lime-rasp-dark: mix(#000, $lime-rasp, 20%);
.element {
color: $lime-rasp;
box-shadow: 0 0 0 2px rgba($lime-rasp, 0.35);
}