이름 색상 · #DFBF9A
More Cowbell
More Cowbell은(는) #DFBF9A: rgb(223 191 154), hsl(32 52% 74%), oklch(0.823 0.061 70.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · More Cowbell color name →
#DFBF9A
oklch(0.823 0.061 70.9)
색상 변환
- HEX
- #dfbf9a
- RGB
- rgb(223 191 154)
- HSL
- hsl(32 52% 74%)
- HWB
- hwb(32 60% 13%)
- OKLCH
- oklch(0.823 0.061 70.9)
- OKLab
- oklab(0.823 0.02 0.058)
- CIE Lab
- lab(79.46 7.84 23.18)
- LCH
- lch(79.46 24.47 71.3)
- CMYK
- cmyk(0% 14% 31% 13%)
틴트 · 셰이드 · 톤
틴트
- E2C5A4
- E6CCAE
- E9D2B8
- ECD8C2
- EFDFCC
- F2E5D6
- F6ECE0
- F9F2EB
- FCF9F5
셰이드
- C2A685
- A58D71
- 8A755E
- 6F5E4B
- 564839
- 3D3327
- 271F17
- 120D09
- 020201
톤
- D5B998
- CBB295
- C2AC93
- B8A590
- AF9F8E
- A5998B
- 9C9388
- 928C86
- 898683
색 조화
보색 +180°
- DFBF9A
More Cowbell
- A8C9EC
≈ Island Light
유사색 -30° +30°
- DFBF9A
More Cowbell
- E9B9A7
≈ Embrace
- CDC799
≈ Paris Mint
삼각 배색 +120° +240°
- DFBF9A
More Cowbell
- 96D2CE
≈ Summer Soft Blue
- D2BAE3
≈ Drifting Dream
분열 보색 +150° +210°
- DFBF9A
More Cowbell
- 99CFE1
≈ Perfectly Blue
- BDC1ED
≈ Vodka
사각 배색 +90° +180° +270°
- DFBF9A
More Cowbell
- A3D2B8
≈ Feather Green
- A8C9EC
≈ Island Light
- E2B6D1
≈ Muddy Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.05:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--more-cowbell: #dfbf9a;
--more-cowbell-rgb: 223 191 154;
--more-cowbell-oklch: oklch(0.823 0.061 70.9);
}
.element {
color: var(--more-cowbell);
background-color: hsl(32 52% 74%);
border-color: oklch(0.823 0.061 70.9);
}Tailwind CSS v4
@theme {
--color-more-cowbell: #dfbf9a;
--color-more-cowbell-50: #fff3e2;
--color-more-cowbell-100: #f5e5d2;
--color-more-cowbell-200: #e5d1b8;
--color-more-cowbell-300: #cbb395;
--color-more-cowbell-400: #b69977;
--color-more-cowbell-500: #a07f58;
--color-more-cowbell-600: #876c4b;
--color-more-cowbell-700: #6d563c;
--color-more-cowbell-800: #513f2b;
--color-more-cowbell-900: #382b1d;
--color-more-cowbell-950: #23180d;
}SCSS
$more-cowbell: #dfbf9a;
$more-cowbell-rgb: 223, 191, 154;
$more-cowbell-light: mix(#fff, $more-cowbell, 20%);
$more-cowbell-dark: mix(#000, $more-cowbell, 20%);
.element {
color: $more-cowbell;
box-shadow: 0 0 0 2px rgba($more-cowbell, 0.35);
}