이름 색상 · #B68B13
Loden Yellow
Loden Yellow은(는) #B68B13: rgb(182 139 19), hsl(44 81% 39%), oklch(0.66 0.131 85.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Loden Yellow color name →
#B68B13
oklch(0.66 0.131 85.7)
색상 변환
- HEX
- #b68b13
- RGB
- rgb(182 139 19)
- HSL
- hsl(44 81% 39%)
- HWB
- hwb(44 7% 29%)
- OKLCH
- oklch(0.66 0.131 85.7)
- OKLab
- oklab(0.66 0.01 0.131)
- CIE Lab
- lab(60.74 9.64 61.76)
- LCH
- lch(60.74 62.51 81.1)
- CMYK
- cmyk(0% 24% 90% 29%)
틴트 · 셰이드 · 톤
틴트
- BD973A
- C5A255
- CCAE6C
- D3B982
- DBC597
- E2D0AC
- E9DCC1
- F0E8D5
- F8F3EA
셰이드
- 9E780F
- 86660B
- 6F5407
- 594305
- 443203
- 302301
- 1D1401
- 0C0700
- 020100
톤
- B18A2C
- AB893B
- A68947
- A08851
- 9B875B
- 968563
- 90846B
- 8B8372
- 858279
색 조화
보색 +180°
- B68B13
Loden Yellow
- 6C8FE2
≈ United Nations Blue
유사색 -30° +30°
- B68B13
Loden Yellow
- CE7A39
≈ Marquis Orange
- 8F9B2F
≈ Vigorous Wasabi
삼각 배색 +120° +240°
- B68B13
Loden Yellow
- 00A5B4
≈ Garish Blue
- BB74BD
≈ Lavendless
분열 보색 +150° +210°
- B68B13
Loden Yellow
- 259DD7
≈ Blue Burst
- 9980D9
≈ Indigo Bloom
사각 배색 +90° +180° +270°
- B68B13
Loden Yellow
- 00AA8F
≈ Shindig
- 6C8FE2
≈ United Nations Blue
- D06E95
≈ Hopbush
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.13:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.69:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.69:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--loden-yellow: #b68b13;
--loden-yellow-rgb: 182 139 19;
--loden-yellow-oklch: oklch(0.66 0.131 85.7);
}
.element {
color: var(--loden-yellow);
background-color: hsl(44 81% 39%);
border-color: oklch(0.66 0.131 85.7);
}Tailwind CSS v4
@theme {
--color-loden-yellow: #b68b13;
--color-loden-yellow-50: #fff4cb;
--color-loden-yellow-100: #fae6b6;
--color-loden-yellow-200: #ecd293;
--color-loden-yellow-300: #d4b465;
--color-loden-yellow-400: #c19833;
--color-loden-yellow-500: #ad7d00;
--color-loden-yellow-600: #926a00;
--color-loden-yellow-700: #755500;
--color-loden-yellow-800: #583d00;
--color-loden-yellow-900: #3d2a00;
--color-loden-yellow-950: #271700;
}SCSS
$loden-yellow: #b68b13;
$loden-yellow-rgb: 182, 139, 19;
$loden-yellow-light: mix(#fff, $loden-yellow, 20%);
$loden-yellow-dark: mix(#000, $loden-yellow, 20%);
.element {
color: $loden-yellow;
box-shadow: 0 0 0 2px rgba($loden-yellow, 0.35);
}