이름 색상 · #BFAC05
Muddy Yellow
Muddy Yellow은(는) #BFAC05: rgb(191 172 5), hsl(54 95% 38%), oklch(0.738 0.153 101.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Muddy Yellow color name →
#BFAC05
oklch(0.738 0.153 101.4)
색상 변환
- HEX
- #bfac05
- RGB
- rgb(191 172 5)
- HSL
- hsl(54 95% 38%)
- HWB
- hwb(54 2% 25%)
- OKLCH
- oklch(0.738 0.153 101.4)
- OKLab
- oklab(0.738 -0.03 0.15)
- CIE Lab
- lab(70.3 -3.39 71.09)
- LCH
- lch(70.3 71.17 92.7)
- CMYK
- cmyk(0% 10% 97% 25%)
틴트 · 셰이드 · 톤
틴트
- C5B53C
- CBBD59
- D1C571
- D8CE87
- DED69C
- E4DEB0
- EBE7C4
- F2EFD8
- F8F7EB
셰이드
- A69504
- 8D7F03
- 756902
- 5E5401
- 484001
- 332D00
- 1F1B00
- 0D0B00
- 020100
톤
- B8A82B
- B2A43D
- AB9F4A
- A59B55
- 9F975E
- 989266
- 928E6E
- 8C8974
- 86857A
색 조화
보색 +180°
- BFAC05
Muddy Yellow
- 9C9EFF
≈ Cobalite
유사색 -30° +30°
- BFAC05
Muddy Yellow
- E59718
≈ Autumn Yellow
- 86BD4F
≈ Spring Sprout
삼각 배색 +120° +240°
- BFAC05
Muddy Yellow
- 00BCE6
≈ Blue Raspberry
- EA80C6
≈ Blushed Bombshell
분열 보색 +150° +210°
- BFAC05
Muddy Yellow
- 62AFFF
≈ Tiān Lán Sky
- C98CF0
≈ Liliac
사각 배색 +90° +180° +270°
- BFAC05
Muddy Yellow
- 00C3BE
≈ Cala Benirrás Blue
- 9C9EFF
≈ Cobalite
- FA7D91
≈ Carnation
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.30:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.11:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.11:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--muddy-yellow: #bfac05;
--muddy-yellow-rgb: 191 172 5;
--muddy-yellow-oklch: oklch(0.738 0.153 101.4);
}
.element {
color: var(--muddy-yellow);
background-color: hsl(54 95% 38%);
border-color: oklch(0.738 0.153 101.4);
}Tailwind CSS v4
@theme {
--color-muddy-yellow: #bfac05;
--color-muddy-yellow-50: #fcf8c5;
--color-muddy-yellow-100: #f0ebaf;
--color-muddy-yellow-200: #dfd889;
--color-muddy-yellow-300: #c5bb56;
--color-muddy-yellow-400: #b2a003;
--color-muddy-yellow-500: #9d8700;
--color-muddy-yellow-600: #847200;
--color-muddy-yellow-700: #6a5b00;
--color-muddy-yellow-800: #504200;
--color-muddy-yellow-900: #372e00;
--color-muddy-yellow-950: #221a00;
}SCSS
$muddy-yellow: #bfac05;
$muddy-yellow-rgb: 191, 172, 5;
$muddy-yellow-light: mix(#fff, $muddy-yellow, 20%);
$muddy-yellow-dark: mix(#000, $muddy-yellow, 20%);
.element {
color: $muddy-yellow;
box-shadow: 0 0 0 2px rgba($muddy-yellow, 0.35);
}