이름 색상 · #917546
Cattail Brown
Cattail Brown은(는) #917546: rgb(145 117 70), hsl(38 35% 42%), oklch(0.579 0.073 79.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Cattail Brown color name →
#917546
oklch(0.579 0.073 79.5)
색상 변환
- HEX
- #917546
- RGB
- rgb(145 117 70)
- HSL
- hsl(38 35% 42%)
- HWB
- hwb(38 27% 43%)
- OKLCH
- oklch(0.579 0.073 79.5)
- OKLab
- oklab(0.579 0.013 0.072)
- CIE Lab
- lab(51.18 6.77 30.11)
- LCH
- lch(51.18 30.86 77.3)
- CMYK
- cmyk(0% 19% 52% 43%)
틴트 · 셰이드 · 톤
틴트
- 9C8258
- A68F6A
- B19D7C
- BCAA8E
- C7B8A1
- D2C6B3
- DDD4C6
- E8E2D9
- F4F1EC
셰이드
- 7D653C
- 6A5532
- 584628
- 46371E
- 352915
- 251C0D
- 150F05
- 070502
- 010100
톤
- 8F764D
- 8E7753
- 8C7959
- 8A7A5F
- 897B65
- 877C6A
- 857D70
- 847E75
- 827F7B
색 조화
보색 +180°
- 917546
Cattail Brown
- 607BA5
≈ Miracle Elixir
유사색 -30° +30°
- 917546
Cattail Brown
- 9D6D52
≈ Sorrel Brown
- 7D7E49
≈ Terrapin
삼각 배색 +120° +240°
- 917546
Cattail Brown
- 3D878B
≈ Sea Caller
- 8D6C95
≈ Rhinestone
분열 보색 +150° +210°
- 917546
Cattail Brown
- 48829D
≈ Dirty Blue
- 7973A3
≈ Queen’s
사각 배색 +90° +180° +270°
- 917546
Cattail Brown
- 4A8873
≈ Think Leaf
- 607BA5
≈ Miracle Elixir
- 9B6880
≈ Arcane
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.34:1 · APCA Lc 70
Ag
AA검은색 위
WCAG 4.83:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.83:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--cattail-brown: #917546;
--cattail-brown-rgb: 145 117 70;
--cattail-brown-oklch: oklch(0.579 0.073 79.5);
}
.element {
color: var(--cattail-brown);
background-color: hsl(38 35% 42%);
border-color: oklch(0.579 0.073 79.5);
}Tailwind CSS v4
@theme {
--color-cattail-brown: #917546;
--color-cattail-brown-50: #fff4de;
--color-cattail-brown-100: #f4e6cd;
--color-cattail-brown-200: #e4d2b2;
--color-cattail-brown-300: #cbb48d;
--color-cattail-brown-400: #b69a6d;
--color-cattail-brown-500: #a0814c;
--color-cattail-brown-600: #876d41;
--color-cattail-brown-700: #6c5734;
--color-cattail-brown-800: #513f24;
--color-cattail-brown-900: #382b18;
--color-cattail-brown-950: #231909;
}SCSS
$cattail-brown: #917546;
$cattail-brown-rgb: 145, 117, 70;
$cattail-brown-light: mix(#fff, $cattail-brown, 20%);
$cattail-brown-dark: mix(#000, $cattail-brown, 20%);
.element {
color: $cattail-brown;
box-shadow: 0 0 0 2px rgba($cattail-brown, 0.35);
}