Nazwany kolor · #B5CE08
Lime Rasp
Lime Rasp to #B5CE08: rgb(181 206 8), hsl(68 93% 42%), oklch(0.804 0.186 118.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lime Rasp color name →
#B5CE08
oklch(0.804 0.186 118.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BCD341
- C3D95F
- CADE77
- D1E38D
- D9E8A1
- E0EDB4
- E8F1C7
- EFF6DA
- F7FBED
Odcienie ciemniejsze
- 9DB306
- 869804
- 6F7F03
- 596602
- 444E01
- 303801
- 1D2300
- 0C0F00
- 020200
Tony
- AFC630
- AABF42
- A4B750
- 9FAF5A
- 99A763
- 949F6A
- 8F9871
- 8A9076
- 85887C
Harmonie kolorów
Komplementarna +180°
- B5CE08
Lime Rasp
- C8AFFF
≈ Teasel Dipsacus
Analogowa -30° +30°
- B5CE08
Lime Rasp
- EBB700
≈ Pattypan
- 57DF77
≈ Weird Green
Triada +120° +240°
- B5CE08
Lime Rasp
- 75C9FF
≈ Bubbly Barracuda
- FF9DBE
≈ Saira Red
Komplementarna rozszczepiona +150° +210°
- B5CE08
Lime Rasp
- A4BDFF
≈ Pastel Blue
- FE8FFB
≈ Darling Bud
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.78:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.79:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
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);
}