Colore con nome · #B5CE08
Lime Rasp
Lime Rasp è #B5CE08: rgb(181 206 8), hsl(68 93% 42%), oklch(0.804 0.186 118.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Lime Rasp color name →
#B5CE08
oklch(0.804 0.186 118.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- BCD341
- C3D95F
- CADE77
- D1E38D
- D9E8A1
- E0EDB4
- E8F1C7
- EFF6DA
- F7FBED
Ombre
- 9DB306
- 869804
- 6F7F03
- 596602
- 444E01
- 303801
- 1D2300
- 0C0F00
- 020200
Toni
- AFC630
- AABF42
- A4B750
- 9FAF5A
- 99A763
- 949F6A
- 8F9871
- 8A9076
- 85887C
Armonie di colore
Complementare +180°
- B5CE08
Lime Rasp
- C8AFFF
≈ Teasel Dipsacus
Analogo -30° +30°
- B5CE08
Lime Rasp
- EBB700
≈ Pattypan
- 57DF77
≈ Weird Green
Triadico +120° +240°
- B5CE08
Lime Rasp
- 75C9FF
≈ Bubbly Barracuda
- FF9DBE
≈ Saira Red
Complementare divisa +150° +210°
- B5CE08
Lime Rasp
- A4BDFF
≈ Pastel Blue
- FE8FFB
≈ Darling Bud
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.79:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
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);
}