이름 색상 · #C0AF87
Owl Manner Malt
Owl Manner Malt은(는) #C0AF87: rgb(192 175 135), hsl(42 31% 64%), oklch(0.758 0.058 87.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Owl Manner Malt color name →
#C0AF87
oklch(0.758 0.058 87.7)
색상 변환
- HEX
- #c0af87
- RGB
- rgb(192 175 135)
- HSL
- hsl(42 31% 64%)
- HWB
- hwb(42 53% 25%)
- OKLCH
- oklch(0.758 0.058 87.7)
- OKLab
- oklab(0.758 0.002 0.058)
- CIE Lab
- lab(72.18 1.79 22.93)
- LCH
- lch(72.18 23 85.5)
- CMYK
- cmyk(0% 9% 30% 25%)
틴트 · 셰이드 · 톤
틴트
- C6B793
- CCBF9F
- D3C7AA
- D9CFB6
- DFD7C2
- E5DFCE
- ECE7DA
- F2EFE7
- F9F7F3
셰이드
- A79875
- 8E8163
- 766B51
- 5F5641
- 494131
- 342E21
- 201C13
- 0E0B06
- 020101
톤
- B9AA87
- B3A586
- ACA186
- A69C85
- 9F9784
- 999384
- 938E83
- 8C8982
- 868581
색 조화
보색 +180°
- C0AF87
Owl Manner Malt
- A1B0D6
≈ Calm Interlude
유사색 -30° +30°
- C0AF87
Owl Manner Malt
- CDA88D
≈ Emery Board
- ADB68D
≈ Autumn Meadow
삼각 배색 +120° +240°
- C0AF87
Owl Manner Malt
- 85BBC4
≈ Misty Cold Sea
- C5A4C4
≈ Tea Towel
분열 보색 +150° +210°
- C0AF87
Owl Manner Malt
- 8FB7D1
≈ Mountain Main
- B4A9D1
≈ Wisteria-Wise
사각 배색 +90° +180° +270°
- C0AF87
Owl Manner Malt
- 89BDB0
≈ Mild Evergreen
- A1B0D6
≈ Calm Interlude
- D0A2B1
≈ Raspberry Smoothie
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.72:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--owl-manner-malt: #c0af87;
--owl-manner-malt-rgb: 192 175 135;
--owl-manner-malt-oklch: oklch(0.758 0.058 87.7);
}
.element {
color: var(--owl-manner-malt);
background-color: hsl(42 31% 64%);
border-color: oklch(0.758 0.058 87.7);
}Tailwind CSS v4
@theme {
--color-owl-manner-malt: #c0af87;
--color-owl-manner-malt-50: #fcf5e3;
--color-owl-manner-malt-100: #efe7d3;
--color-owl-manner-malt-200: #ded4b9;
--color-owl-manner-malt-300: #c3b796;
--color-owl-manner-malt-400: #ad9d78;
--color-owl-manner-malt-500: #968459;
--color-owl-manner-malt-600: #7f704c;
--color-owl-manner-malt-700: #665a3d;
--color-owl-manner-malt-800: #4b412b;
--color-owl-manner-malt-900: #342d1d;
--color-owl-manner-malt-950: #201a0d;
}SCSS
$owl-manner-malt: #c0af87;
$owl-manner-malt-rgb: 192, 175, 135;
$owl-manner-malt-light: mix(#fff, $owl-manner-malt, 20%);
$owl-manner-malt-dark: mix(#000, $owl-manner-malt, 20%);
.element {
color: $owl-manner-malt;
box-shadow: 0 0 0 2px rgba($owl-manner-malt, 0.35);
}