이름 색상 · #B5CE08
Lime Rasp
Lime Rasp은(는) #B5CE08: rgb(181 206 8), hsl(68 93% 42%), oklch(0.804 0.186 118.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Lime Rasp color name →
#B5CE08
oklch(0.804 0.186 118.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- BCD341
- C3D95F
- CADE77
- D1E38D
- D9E8A1
- E0EDB4
- E8F1C7
- EFF6DA
- F7FBED
셰이드
- 9DB306
- 869804
- 6F7F03
- 596602
- 444E01
- 303801
- 1D2300
- 0C0F00
- 020200
톤
- AFC630
- AABF42
- A4B750
- 9FAF5A
- 99A763
- 949F6A
- 8F9871
- 8A9076
- 85887C
색 조화
보색 +180°
- B5CE08
Lime Rasp
- C8AFFF
≈ Teasel Dipsacus
유사색 -30° +30°
- B5CE08
Lime Rasp
- EBB700
≈ Pattypan
- 57DF77
≈ Weird Green
삼각 배색 +120° +240°
- B5CE08
Lime Rasp
- 75C9FF
≈ Bubbly Barracuda
- FF9DBE
≈ Saira Red
분열 보색 +150° +210°
- B5CE08
Lime Rasp
- A4BDFF
≈ Pastel Blue
- FE8FFB
≈ Darling Bud
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.78:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.79:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
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);
}