이름 색상 · #9F4E3E
Boynton Canyon
Boynton Canyon은(는) #9F4E3E: rgb(159 78 62), hsl(10 44% 43%), oklch(0.521 0.111 32.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Boynton Canyon color name →
#9F4E3E
oklch(0.521 0.111 32.5)
색상 변환
- HEX
- #9f4e3e
- RGB
- rgb(159 78 62)
- HSL
- hsl(10 44% 43%)
- HWB
- hwb(10 24% 38%)
- OKLCH
- oklch(0.521 0.111 32.5)
- OKLab
- oklab(0.521 0.094 0.06)
- CIE Lab
- lab(43.46 33.34 25.77)
- LCH
- lch(43.46 42.14 37.7)
- CMYK
- cmyk(0% 51% 61% 38%)
틴트 · 셰이드 · 톤
틴트
- AA5F50
- B47163
- BF8275
- C89388
- D2A59B
- DCB7AE
- E5C8C2
- EEDAD6
- F7EDEA
셰이드
- 8A4335
- 75382B
- 612D23
- 4D231A
- 3B1912
- 290F0A
- 180704
- 090201
- 010000
톤
- 9D5445
- 9B594C
- 985F53
- 956459
- 926960
- 8F6E66
- 8C726D
- 887773
- 847C7A
색 조화
보색 +180°
- 9F4E3E
Boynton Canyon
- 007688
≈ Glamour Green
유사색 -30° +30°
- 9F4E3E
Boynton Canyon
- 9C4B63
≈ Baby Berries
- 965813
≈ Sepia Wash
삼각 배색 +120° +240°
- 9F4E3E
Boynton Canyon
- 2B7B49
≈ Salem
- 5463A9
≈ Submarine Base
분열 보색 +150° +210°
- 9F4E3E
Boynton Canyon
- 007A6E
≈ Pond Moss
- 1E6FA4
≈ Deep Water
사각 배색 +90° +180° +270°
- 9F4E3E
Boynton Canyon
- 5E731E
≈ Fern Frond
- 007688
≈ Glamour Green
- 76589E
≈ Sumire Violet
대비 및 접근성
Ag
AA흰색 위
WCAG 5.77:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.63:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--boynton-canyon: #9f4e3e;
--boynton-canyon-rgb: 159 78 62;
--boynton-canyon-oklch: oklch(0.521 0.111 32.5);
}
.element {
color: var(--boynton-canyon);
background-color: hsl(10 44% 43%);
border-color: oklch(0.521 0.111 32.5);
}Tailwind CSS v4
@theme {
--color-boynton-canyon: #9f4e3e;
--color-boynton-canyon-50: #ffebe0;
--color-boynton-canyon-100: #ffdbcf;
--color-boynton-canyon-200: #ffc4b5;
--color-boynton-canyon-300: #eaa391;
--color-boynton-canyon-400: #d88574;
--color-boynton-canyon-500: #c56855;
--color-boynton-canyon-600: #a65849;
--color-boynton-canyon-700: #85463a;
--color-boynton-canyon-800: #63322a;
--color-boynton-canyon-900: #46221c;
--color-boynton-canyon-950: #2d110d;
}SCSS
$boynton-canyon: #9f4e3e;
$boynton-canyon-rgb: 159, 78, 62;
$boynton-canyon-light: mix(#fff, $boynton-canyon, 20%);
$boynton-canyon-dark: mix(#000, $boynton-canyon, 20%);
.element {
color: $boynton-canyon;
box-shadow: 0 0 0 2px rgba($boynton-canyon, 0.35);
}