이름 색상 · #B3D157
Citrus Leaf
Citrus Leaf은(는) #B3D157: rgb(179 209 87), hsl(75 57% 58%), oklch(0.814 0.152 121.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Citrus Leaf color name →
#B3D157
oklch(0.814 0.152 121.5)
색상 변환
- HEX
- #b3d157
- RGB
- rgb(179 209 87)
- HSL
- hsl(75 57% 58%)
- HWB
- hwb(75 34% 18%)
- OKLCH
- oklch(0.814 0.152 121.5)
- OKLab
- oklab(0.814 -0.079 0.13)
- CIE Lab
- lab(79.79 -23.42 55.44)
- LCH
- lch(79.79 60.18 112.9)
- CMYK
- cmyk(14% 0% 58% 18%)
틴트 · 셰이드 · 톤
틴트
- BAD66B
- C2DB7E
- C9E090
- D0E4A0
- D8E9B1
- E0EDC1
- E7F2D0
- EFF6E0
- F7FBF0
셰이드
- 9BB54B
- 849B3E
- 6E8133
- 586827
- 43501C
- 2F3912
- 1D2308
- 0C1003
- 010200
톤
- AEC95E
- A8C165
- A3B96A
- 9EB06F
- 99A873
- 94A076
- 8F9879
- 8A907C
- 85887E
색 조화
보색 +180°
- B3D157
Citrus Leaf
- CFB1FF
≈ Teasel Dipsacus
유사색 -30° +30°
- B3D157
Citrus Leaf
- E6BE34
≈ Bright Sun
- 6DDE8F
≈ Aurora Green
삼각 배색 +120° +240°
- B3D157
Citrus Leaf
- 84CBFF
≈ Platonic Blue
- FFA3BD
≈ Amélie’s Tutu
분열 보색 +150° +210°
- B3D157
Citrus Leaf
- ACBFFF
≈ Pastel Blue
- FA9CEE
≈ Pink Elephants
사각 배색 +90° +180° +270°
- B3D157
Citrus Leaf
- 00DAF6
≈ Neon Blue
- CFB1FF
≈ Teasel Dipsacus
- FFA998
≈ Honey Baked Ham
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.72:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.17:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.17:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--citrus-leaf: #b3d157;
--citrus-leaf-rgb: 179 209 87;
--citrus-leaf-oklch: oklch(0.814 0.152 121.5);
}
.element {
color: var(--citrus-leaf);
background-color: hsl(75 57% 58%);
border-color: oklch(0.814 0.152 121.5);
}Tailwind CSS v4
@theme {
--color-citrus-leaf: #b3d157;
--color-citrus-leaf-50: #ecfdcd;
--color-citrus-leaf-100: #def1b9;
--color-citrus-leaf-200: #c7e097;
--color-citrus-leaf-300: #a8c46a;
--color-citrus-leaf-400: #91ac37;
--color-citrus-leaf-500: #779400;
--color-citrus-leaf-600: #657d00;
--color-citrus-leaf-700: #516400;
--color-citrus-leaf-800: #3d4900;
--color-citrus-leaf-900: #2a3300;
--color-citrus-leaf-950: #171e00;
}SCSS
$citrus-leaf: #b3d157;
$citrus-leaf-rgb: 179, 209, 87;
$citrus-leaf-light: mix(#fff, $citrus-leaf, 20%);
$citrus-leaf-dark: mix(#000, $citrus-leaf, 20%);
.element {
color: $citrus-leaf;
box-shadow: 0 0 0 2px rgba($citrus-leaf, 0.35);
}