이름 색상 · #957C4C
Olive Boat
Olive Boat은(는) #957C4C: rgb(149 124 76), hsl(39 32% 44%), oklch(0.599 0.072 82.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Olive Boat color name →
#957C4C
oklch(0.599 0.072 82.9)
색상 변환
- HEX
- #957c4c
- RGB
- rgb(149 124 76)
- HSL
- hsl(39 32% 44%)
- HWB
- hwb(39 30% 42%)
- OKLCH
- oklch(0.599 0.072 82.9)
- OKLab
- oklab(0.599 0.009 0.072)
- CIE Lab
- lab(53.57 5.19 29.88)
- LCH
- lch(53.57 30.33 80.1)
- CMYK
- cmyk(0% 17% 49% 42%)
틴트 · 셰이드 · 톤
틴트
- 9F895E
- AA956F
- B4A281
- BEAF92
- C9BCA4
- D4C9B6
- DED6C8
- E9E4DA
- F4F1EC
셰이드
- 816B41
- 6D5A36
- 5A4A2C
- 483B22
- 372C18
- 261E0F
- 161106
- 080502
- 010100
톤
- 937D52
- 917D58
- 8F7E5D
- 8D7E63
- 8B7E68
- 897F6D
- 867F72
- 847F77
- 82807B
색 조화
보색 +180°
- 957C4C
Olive Boat
- 6980AC
≈ Marvellous
유사색 -30° +30°
- 957C4C
Olive Boat
- A27457
≈ Dodge Pole
- 808551
≈ Oregano
삼각 배색 +120° +240°
- 957C4C
Olive Boat
- 458D93
≈ Blue Chill
- 957199
≈ Diffused Orchid
분열 보색 +150° +210°
- 957C4C
Olive Boat
- 5187A4
≈ Hemisphere
- 8178A8
≈ Purple Rhapsody
사각 배색 +90° +180° +270°
- 957C4C
Olive Boat
- 4E8E7C
≈ Winter Green
- 6980AC
≈ Marvellous
- A26E84
≈ Never Forget
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.98:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.26:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.26:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--olive-boat: #957c4c;
--olive-boat-rgb: 149 124 76;
--olive-boat-oklch: oklch(0.599 0.072 82.9);
}
.element {
color: var(--olive-boat);
background-color: hsl(39 32% 44%);
border-color: oklch(0.599 0.072 82.9);
}Tailwind CSS v4
@theme {
--color-olive-boat: #957c4c;
--color-olive-boat-50: #fff4de;
--color-olive-boat-100: #f3e7cd;
--color-olive-boat-200: #e3d2b2;
--color-olive-boat-300: #c9b58d;
--color-olive-boat-400: #b39b6d;
--color-olive-boat-500: #9e824c;
--color-olive-boat-600: #856e41;
--color-olive-boat-700: #6b5834;
--color-olive-boat-800: #4f4024;
--color-olive-boat-900: #372c18;
--color-olive-boat-950: #221909;
}SCSS
$olive-boat: #957c4c;
$olive-boat-rgb: 149, 124, 76;
$olive-boat-light: mix(#fff, $olive-boat, 20%);
$olive-boat-dark: mix(#000, $olive-boat, 20%);
.element {
color: $olive-boat;
box-shadow: 0 0 0 2px rgba($olive-boat, 0.35);
}