이름 색상 · #A17858
Sidesaddle
Sidesaddle은(는) #A17858: rgb(161 120 88), hsl(26 29% 49%), oklch(0.605 0.069 59). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sidesaddle color name →
#A17858
oklch(0.605 0.069 59)
색상 변환
- HEX
- #a17858
- RGB
- rgb(161 120 88)
- HSL
- hsl(26 29% 49%)
- HWB
- hwb(26 35% 37%)
- OKLCH
- oklch(0.605 0.069 59)
- OKLab
- oklab(0.605 0.035 0.059)
- CIE Lab
- lab(54.01 13.48 24.14)
- LCH
- lch(54.01 27.65 60.8)
- CMYK
- cmyk(0% 25% 45% 37%)
틴트 · 셰이드 · 톤
틴트
- AA8568
- B49278
- BD9F88
- C7AC99
- D0BAA9
- D9C7BA
- E3D5CB
- ECE3DC
- F6F1ED
셰이드
- 8B674B
- 76573F
- 624833
- 4E3928
- 3C2A1D
- 2A1D12
- 191009
- 090503
- 010100
톤
- 9E795C
- 9B7A61
- 987B65
- 947C69
- 917C6D
- 8E7D71
- 8A7E75
- 877F79
- 847F7C
색 조화
보색 +180°
- A17858
Sidesaddle
- 5A88A7
≈ Kuta Surf
유사색 -30° +30°
- A17858
Sidesaddle
- A7726A
≈ Summer’s Eve
- 928051
≈ Syndicate Camouflage
삼각 배색 +120° +240°
- A17858
Sidesaddle
- 519083
≈ Spa Green
- 8779A6
≈ Aster
분열 보색 +150° +210°
- A17858
Sidesaddle
- 4C8D98
≈ Adrift
- 7180AC
≈ Venture Violet
사각 배색 +90° +180° +270°
- A17858
Sidesaddle
- 658E6B
≈ Slate Green
- 5A88A7
≈ Kuta Surf
- 997396
≈ Rebel Rouser
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.93:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.34:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.34:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--sidesaddle: #a17858;
--sidesaddle-rgb: 161 120 88;
--sidesaddle-oklch: oklch(0.605 0.069 59);
}
.element {
color: var(--sidesaddle);
background-color: hsl(26 29% 49%);
border-color: oklch(0.605 0.069 59);
}Tailwind CSS v4
@theme {
--color-sidesaddle: #a17858;
--color-sidesaddle-50: #fff1e2;
--color-sidesaddle-100: #fae3d1;
--color-sidesaddle-200: #ebceb7;
--color-sidesaddle-300: #d2b094;
--color-sidesaddle-400: #be9576;
--color-sidesaddle-500: #a87b57;
--color-sidesaddle-600: #8e684b;
--color-sidesaddle-700: #72533b;
--color-sidesaddle-800: #553c2b;
--color-sidesaddle-900: #3b291d;
--color-sidesaddle-950: #25170d;
}SCSS
$sidesaddle: #a17858;
$sidesaddle-rgb: 161, 120, 88;
$sidesaddle-light: mix(#fff, $sidesaddle, 20%);
$sidesaddle-dark: mix(#000, $sidesaddle, 20%);
.element {
color: $sidesaddle;
box-shadow: 0 0 0 2px rgba($sidesaddle, 0.35);
}