이름 색상 · #A29F46
Poplar
Poplar은(는) #A29F46: rgb(162 159 70), hsl(58 40% 45%), oklch(0.687 0.112 107.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Poplar color name →
#A29F46
oklch(0.687 0.112 107.2)
색상 변환
- HEX
- #a29f46
- RGB
- rgb(162 159 70)
- HSL
- hsl(58 40% 45%)
- HWB
- hwb(58 27% 36%)
- OKLCH
- oklch(0.687 0.112 107.2)
- OKLab
- oklab(0.687 -0.033 0.107)
- CIE Lab
- lab(64.37 -7.7 45.78)
- LCH
- lch(64.37 46.42 99.6)
- CMYK
- cmyk(0% 2% 57% 36%)
틴트 · 셰이드 · 톤
틴트
- ABA95B
- B4B26E
- BDBC81
- C6C593
- CFCFA5
- D8D8B7
- E2E2C9
- EBECDB
- F5F5ED
셰이드
- 8C8A3C
- 777532
- 636128
- 4F4D1E
- 3C3B15
- 2A290D
- 191805
- 0A0902
- 010100
톤
- 9E9C4E
- 9B9956
- 97965C
- 949363
- 909068
- 8D8D6E
- 8A8A73
- 868777
- 83837C
색 조화
보색 +180°
- A29F46
Poplar
- 968FDC
≈ Perrywinkle
유사색 -30° +30°
- A29F46
Poplar
- C19142
≈ Yellow Ochre
- 78AA65
≈ Ferntastic
삼각 배색 +120° +240°
- A29F46
Poplar
- 3DA8D0
≈ Mystic Blue
- CD7DA7
≈ Ice Plant
분열 보색 +150° +210°
- A29F46
Poplar
- 6D9CDF
≈ Blue Bay
- B684C8
≈ Lavender Sweater
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.76:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.58:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.58:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--poplar: #a29f46;
--poplar-rgb: 162 159 70;
--poplar-oklch: oklch(0.687 0.112 107.2);
}
.element {
color: var(--poplar);
background-color: hsl(58 40% 45%);
border-color: oklch(0.687 0.112 107.2);
}Tailwind CSS v4
@theme {
--color-poplar: #a29f46;
--color-poplar-50: #f7f8d4;
--color-poplar-100: #eaecc1;
--color-poplar-200: #d7d9a1;
--color-poplar-300: #bbbd78;
--color-poplar-400: #a6a350;
--color-poplar-500: #8f8b1f;
--color-poplar-600: #79751d;
--color-poplar-700: #615e18;
--color-poplar-800: #48440d;
--color-poplar-900: #322f08;
--color-poplar-950: #1e1c00;
}SCSS
$poplar: #a29f46;
$poplar-rgb: 162, 159, 70;
$poplar-light: mix(#fff, $poplar, 20%);
$poplar-dark: mix(#000, $poplar, 20%);
.element {
color: $poplar;
box-shadow: 0 0 0 2px rgba($poplar, 0.35);
}