이름 색상 · #B3A156
Gingko Leaf
Gingko Leaf은(는) #B3A156: rgb(179 161 86), hsl(48 38% 52%), oklch(0.709 0.098 96.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Gingko Leaf color name →
#B3A156
oklch(0.709 0.098 96.2)
색상 변환
- HEX
- #b3a156
- RGB
- rgb(179 161 86)
- HSL
- hsl(48 38% 52%)
- HWB
- hwb(48 34% 30%)
- OKLCH
- oklch(0.709 0.098 96.2)
- OKLab
- oklab(0.709 -0.011 0.097)
- CIE Lab
- lab(66.63 -0.47 41.13)
- LCH
- lch(66.63 41.13 90.7)
- CMYK
- cmyk(0% 10% 52% 30%)
틴트 · 셰이드 · 톤
틴트
- BAAA68
- C2B479
- C9BD8A
- D1C69B
- D8D0AC
- E0D9BC
- E8E3CD
- EFECDD
- F7F5EE
셰이드
- 9B8B4A
- 84763E
- 6E6232
- 584E27
- 433C1C
- 2F2A12
- 1D1908
- 0C0902
- 010100
톤
- AE9E5C
- A99B61
- A39766
- 9E946B
- 99916F
- 948E73
- 8F8A76
- 8A877A
- 85837D
색 조화
보색 +180°
- B3A156
Gingko Leaf
- 909CDE
≈ Portage
유사색 -30° +30°
- B3A156
Gingko Leaf
- CB955C
≈ Burnt Pumpkin
- 92AC68
≈ Celuce
삼각 배색 +120° +240°
- B3A156
Gingko Leaf
- 4DB0C8
≈ Viking
- C889B8
≈ Rock Star Pink
분열 보색 +150° +210°
- B3A156
Gingko Leaf
- 6CA7DB
≈ Acapulco Dive
- B091D2
≈ Pale Purple
사각 배색 +90° +180° +270°
- B3A156
Gingko Leaf
- 4CB5AA
≈ Emerald Wave
- 909CDE
≈ Portage
- D58797
≈ Speckled Easter Egg
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.57:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.14:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.14:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--gingko-leaf: #b3a156;
--gingko-leaf-rgb: 179 161 86;
--gingko-leaf-oklch: oklch(0.709 0.098 96.2);
}
.element {
color: var(--gingko-leaf);
background-color: hsl(48 38% 52%);
border-color: oklch(0.709 0.098 96.2);
}Tailwind CSS v4
@theme {
--color-gingko-leaf: #b3a156;
--color-gingko-leaf-50: #fcf6d7;
--color-gingko-leaf-100: #f0e9c4;
--color-gingko-leaf-200: #dfd5a5;
--color-gingko-leaf-300: #c4b87e;
--color-gingko-leaf-400: #af9e58;
--color-gingko-leaf-500: #99862e;
--color-gingko-leaf-600: #827129;
--color-gingko-leaf-700: #685a21;
--color-gingko-leaf-800: #4d4215;
--color-gingko-leaf-900: #362d0d;
--color-gingko-leaf-950: #211a02;
}SCSS
$gingko-leaf: #b3a156;
$gingko-leaf-rgb: 179, 161, 86;
$gingko-leaf-light: mix(#fff, $gingko-leaf, 20%);
$gingko-leaf-dark: mix(#000, $gingko-leaf, 20%);
.element {
color: $gingko-leaf;
box-shadow: 0 0 0 2px rgba($gingko-leaf, 0.35);
}