이름 색상 · #BFFF00
Limoncello
Limoncello은(는) #BFFF00: rgb(191 255 0), hsl(75 100% 50%), oklch(0.922 0.234 125.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Limoncello color name →
#BFFF00
oklch(0.922 0.234 125.9)
색상 변환
- HEX
- #bfff00
- RGB
- rgb(191 255 0)
- HSL
- hsl(75 100% 50%)
- HWB
- hwb(75 0% 0%)
- OKLCH
- oklch(0.922 0.234 125.9)
- OKLab
- oklab(0.922 -0.137 0.19)
- CIE Lab
- lab(93.14 -40.65 87.78)
- LCH
- lch(93.14 96.74 114.8)
- CMYK
- cmyk(25% 0% 100% 0%)
틴트 · 셰이드 · 톤
틴트
- C5FF48
- CCFF68
- D2FF80
- D8FF96
- DFFFA9
- E5FFBC
- ECFFCD
- F2FFDE
- F8FFEF
셰이드
- A6DE00
- 8DBE00
- 759E00
- 5E8000
- 486300
- 334800
- 1F2E00
- 0D1600
- 020300
톤
- B9F235
- B2E549
- ACD857
- A5CC62
- 9FBF6A
- 99B271
- 92A676
- 8C997A
- 868D7D
색 조화
보색 +180°
- BFFF00
Limoncello
- EDDEFF
≈ Lavender Savour
유사색 -30° +30°
- BFFF00
Limoncello
- FFE57C
≈ Cowbell
- 9BFFC2
≈ Light Sea-Foam
삼각 배색 +120° +240°
- BFFF00
Limoncello
- D1E9FF
≈ Veiling Waterfalls
- FFDBE1
≈ It’s a Girl!
분열 보색 +150° +210°
- BFFF00
Limoncello
- DEE4FF
≈ Stoic White
- FFD8F4
≈ Sweet Sachet
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.19:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.51:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.51:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--limoncello: #bfff00;
--limoncello-rgb: 191 255 0;
--limoncello-oklch: oklch(0.922 0.234 125.9);
}
.element {
color: var(--limoncello);
background-color: hsl(75 100% 50%);
border-color: oklch(0.922 0.234 125.9);
}Tailwind CSS v4
@theme {
--color-limoncello: #bfff00;
--color-limoncello-50: #e2ffba;
--color-limoncello-100: #d1f7a2;
--color-limoncello-200: #b7e774;
--color-limoncello-300: #94cd2f;
--color-limoncello-400: #7cb400;
--color-limoncello-500: #609c00;
--color-limoncello-600: #518400;
--color-limoncello-700: #416a00;
--color-limoncello-800: #324d00;
--color-limoncello-900: #223600;
--color-limoncello-950: #122000;
}SCSS
$limoncello: #bfff00;
$limoncello-rgb: 191, 255, 0;
$limoncello-light: mix(#fff, $limoncello, 20%);
$limoncello-dark: mix(#000, $limoncello, 20%);
.element {
color: $limoncello;
box-shadow: 0 0 0 2px rgba($limoncello, 0.35);
}