이름 색상 · #B0C86F
Young Leaf
Young Leaf은(는) #B0C86F: rgb(176 200 111), hsl(76 45% 61%), oklch(0.795 0.118 121.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Young Leaf color name →
#B0C86F
oklch(0.795 0.118 121.5)
색상 변환
- HEX
- #b0c86f
- RGB
- rgb(176 200 111)
- HSL
- hsl(76 45% 61%)
- HWB
- hwb(76 44% 22%)
- OKLCH
- oklch(0.795 0.118 121.5)
- OKLab
- oklab(0.795 -0.062 0.101)
- CIE Lab
- lab(77.3 -18.82 41.44)
- LCH
- lch(77.3 45.52 114.4)
- CMYK
- cmyk(12% 0% 45% 22%)
틴트 · 셰이드 · 톤
틴트
- B8CE7E
- BFD38D
- C7D99C
- CFDEAA
- D7E4B9
- DFE9C7
- E7EFD5
- EFF4E3
- F7FAF1
셰이드
- 99AE60
- 829451
- 6C7B42
- 566334
- 424C27
- 2E361A
- 1C210E
- 0B0F04
- 010201
톤
- ABC172
- A6B975
- A1B277
- 9CAB79
- 97A47B
- 939D7C
- 8E957E
- 898E7F
- 85877F
색 조화
보색 +180°
- B0C86F
Young Leaf
- C9AAFC
≈ Purple Hepatica
유사색 -30° +30°
- B0C86F
Young Leaf
- D8B95C
≈ Gold Vein
- 80D296
≈ Enchanted Emerald
삼각 배색 +120° +240°
- B0C86F
Young Leaf
- 75C5FF
≈ Maya Blue
- FB9BB7
≈ Saira Red
분열 보색 +150° +210°
- B0C86F
Young Leaf
- A4B8FF
≈ Truesky Gloxym
- E8A0DE
≈ Plum Juice
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.85:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.33:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.33:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--young-leaf: #b0c86f;
--young-leaf-rgb: 176 200 111;
--young-leaf-oklch: oklch(0.795 0.118 121.5);
}
.element {
color: var(--young-leaf);
background-color: hsl(76 45% 61%);
border-color: oklch(0.795 0.118 121.5);
}Tailwind CSS v4
@theme {
--color-young-leaf: #b0c86f;
--color-young-leaf-50: #eefbd7;
--color-young-leaf-100: #e0efc4;
--color-young-leaf-200: #cadda6;
--color-young-leaf-300: #abc27e;
--color-young-leaf-400: #93a956;
--color-young-leaf-500: #7a922b;
--color-young-leaf-600: #677b26;
--color-young-leaf-700: #53631e;
--color-young-leaf-800: #3e4812;
--color-young-leaf-900: #2a320b;
--color-young-leaf-950: #181e01;
}SCSS
$young-leaf: #b0c86f;
$young-leaf-rgb: 176, 200, 111;
$young-leaf-light: mix(#fff, $young-leaf, 20%);
$young-leaf-dark: mix(#000, $young-leaf, 20%);
.element {
color: $young-leaf;
box-shadow: 0 0 0 2px rgba($young-leaf, 0.35);
}