이름 색상 · #8F7B51
Safari Trail
Safari Trail은(는) #8F7B51: rgb(143 123 81), hsl(41 28% 44%), oklch(0.591 0.064 85.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Safari Trail color name →
#8F7B51
oklch(0.591 0.064 85.1)
색상 변환
- HEX
- #8f7b51
- RGB
- rgb(143 123 81)
- HSL
- hsl(41 28% 44%)
- HWB
- hwb(41 32% 44%)
- OKLCH
- oklch(0.591 0.064 85.1)
- OKLab
- oklab(0.591 0.005 0.063)
- CIE Lab
- lab(52.74 3.49 25.95)
- LCH
- lch(52.74 26.18 82.3)
- CMYK
- cmyk(0% 14% 43% 44%)
틴트 · 셰이드 · 톤
틴트
- 9A8862
- A59473
- AFA183
- BBAE95
- C6BBA6
- D1C9B7
- DCD6C9
- E8E3DB
- F3F1ED
셰이드
- 7C6A45
- 695A3A
- 574A2F
- 453A24
- 342C1A
- 241E10
- 151007
- 070502
- 010100
톤
- 8E7C56
- 8C7C5B
- 8B7D60
- 897D65
- 887E6A
- 867E6E
- 857F73
- 837F77
- 82807C
색 조화
보색 +180°
- 8F7B51
Safari Trail
- 6B7DA4
≈ Night Thistle
유사색 -30° +30°
- 8F7B51
Safari Trail
- 9C7459
≈ Ranch Brown
- 7C8256
≈ Oregano
삼각 배색 +120° +240°
- 8F7B51
Safari Trail
- 4C8990
≈ Flounce
- 917193
≈ Felicia
분열 보색 +150° +210°
- 8F7B51
Safari Trail
- 57849E
≈ Honest Blue
- 8076A0
≈ Voxatron Purple
사각 배색 +90° +180° +270°
- 8F7B51
Safari Trail
- 538A7B
≈ Privet Hedge
- 6B7DA4
≈ Night Thistle
- 9D6E7F
≈ Meadow Flower
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.10:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.11:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.11:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--safari-trail: #8f7b51;
--safari-trail-rgb: 143 123 81;
--safari-trail-oklch: oklch(0.591 0.064 85.1);
}
.element {
color: var(--safari-trail);
background-color: hsl(41 28% 44%);
border-color: oklch(0.591 0.064 85.1);
}Tailwind CSS v4
@theme {
--color-safari-trail: #8f7b51;
--color-safari-trail-50: #fdf4e1;
--color-safari-trail-100: #f1e7d0;
--color-safari-trail-200: #e0d3b6;
--color-safari-trail-300: #c5b693;
--color-safari-trail-400: #b09c73;
--color-safari-trail-500: #9a8354;
--color-safari-trail-600: #826f48;
--color-safari-trail-700: #685939;
--color-safari-trail-800: #4d4128;
--color-safari-trail-900: #362c1b;
--color-safari-trail-950: #21190b;
}SCSS
$safari-trail: #8f7b51;
$safari-trail-rgb: 143, 123, 81;
$safari-trail-light: mix(#fff, $safari-trail, 20%);
$safari-trail-dark: mix(#000, $safari-trail, 20%);
.element {
color: $safari-trail;
box-shadow: 0 0 0 2px rgba($safari-trail, 0.35);
}