이름 색상 · #B0FF9D
Lens Flare Green
Lens Flare Green은(는) #B0FF9D: rgb(176 255 157), hsl(108 100% 81%), oklch(0.926 0.15 139.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Lens Flare Green color name →
#B0FF9D
oklch(0.926 0.15 139.6)
색상 변환
- HEX
- #b0ff9d
- RGB
- rgb(176 255 157)
- HSL
- hsl(108 100% 81%)
- HWB
- hwb(108 62% 0%)
- OKLCH
- oklch(0.926 0.15 139.6)
- OKLab
- oklab(0.926 -0.114 0.097)
- CIE Lab
- lab(93.19 -38.45 38.86)
- LCH
- lch(93.19 54.67 134.7)
- CMYK
- cmyk(31% 0% 38% 0%)
틴트 · 셰이드 · 톤
틴트
- B9FFA8
- C1FFB2
- C9FFBC
- D1FFC6
- D9FFD0
- E1FFD9
- E9FFE3
- F0FFEC
- F8FFF6
셰이드
- 99DE88
- 82BE73
- 6C9E5F
- 56804C
- 42633A
- 2E4828
- 1C2E18
- 0B1609
- 010301
톤
- ACF29B
- A7E599
- A3D896
- 9ECB93
- 99BE91
- 94B28E
- 90A58A
- 8A9987
- 858C84
색 조화
보색 +180°
- B0FF9D
Lens Flare Green
- F8DBFF
≈ Sugarpills
유사색 -30° +30°
- B0FF9D
Lens Flare Green
- EDEF6F
≈ Crash Dummy
- 95FFDB
≈ Freezy Wind
삼각 배색 +120° +240°
- B0FF9D
Lens Flare Green
- D9E8FF
≈ Veiling Waterfalls
- FFDDDC
≈ Rose Tonic
분열 보색 +150° +210°
- B0FF9D
Lens Flare Green
- E5E3FF
≈ Lavender Mist
- FFDBEB
≈ Rose Glow
사각 배색 +90° +180° +270°
- B0FF9D
Lens Flare Green
- C9EDFF
≈ Heaven’s Gate
- F8DBFF
≈ Sugarpills
- FFDFCE
≈ Toronja
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.19:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.63:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.63:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--lens-flare-green: #b0ff9d;
--lens-flare-green-rgb: 176 255 157;
--lens-flare-green-oklch: oklch(0.926 0.15 139.6);
}
.element {
color: var(--lens-flare-green);
background-color: hsl(108 100% 81%);
border-color: oklch(0.926 0.15 139.6);
}Tailwind CSS v4
@theme {
--color-lens-flare-green: #b0ff9d;
--color-lens-flare-green-50: #deffd9;
--color-lens-flare-green-100: #ccf5c7;
--color-lens-flare-green-200: #b0e5a9;
--color-lens-flare-green-300: #8acb82;
--color-lens-flare-green-400: #6cb35a;
--color-lens-flare-green-500: #489d31;
--color-lens-flare-green-600: #3e852b;
--color-lens-flare-green-700: #326a22;
--color-lens-flare-green-800: #264e14;
--color-lens-flare-green-900: #19360d;
--color-lens-flare-green-950: #092101;
}SCSS
$lens-flare-green: #b0ff9d;
$lens-flare-green-rgb: 176, 255, 157;
$lens-flare-green-light: mix(#fff, $lens-flare-green, 20%);
$lens-flare-green-dark: mix(#000, $lens-flare-green, 20%);
.element {
color: $lens-flare-green;
box-shadow: 0 0 0 2px rgba($lens-flare-green, 0.35);
}