이름 색상 · #75442B
Bull Shot
Bull Shot은(는) #75442B: rgb(117 68 43), hsl(20 46% 31%), oklch(0.439 0.078 47). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Bull Shot color name →
#75442B
oklch(0.439 0.078 47)
색상 변환
- HEX
- #75442b
- RGB
- rgb(117 68 43)
- HSL
- hsl(20 46% 31%)
- HWB
- hwb(20 17% 54%)
- OKLCH
- oklch(0.439 0.078 47)
- OKLab
- oklab(0.439 0.053 0.057)
- CIE Lab
- lab(34.49 19.81 24.43)
- LCH
- lch(34.49 31.45 51)
- CMYK
- cmyk(0% 42% 63% 54%)
틴트 · 셰이드 · 톤
틴트
- 83553F
- 916753
- 9E7967
- AC8B7B
- BA9E90
- C8B1A6
- D5C4BB
- E3D7D2
- F1EBE8
셰이드
- 653A24
- 55301D
- 462616
- 371D10
- 29140A
- 1C0C05
- 0F0502
- 050201
- 010000
톤
- 774A34
- 78503D
- 7A5645
- 7B5C4E
- 7C6256
- 7D685E
- 7E6E67
- 7F746F
- 807A78
색 조화
보색 +180°
- 75442B
Bull Shot
- 135A73
≈ Octagon Ocean
유사색 -30° +30°
- 75442B
Bull Shot
- 773F43
≈ Tosca
- 6A4C19
≈ Black Queen
삼각 배색 +120° +240°
- 75442B
Bull Shot
- 1B6049
≈ Sci-Fi Takeout
- 504B7B
≈ Fully Purple
분열 보색 +150° +210°
- 75442B
Bull Shot
- 005F61
≈ Sandhill Crane
- 36537D
≈ Bunting Blue
사각 배색 +90° +180° +270°
- 75442B
Bull Shot
- 3D5C30
≈ Turf
- 135A73
≈ Octagon Ocean
- 64446F
≈ Royal Rajah
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.02:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.61:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 8.02:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--bull-shot: #75442b;
--bull-shot-rgb: 117 68 43;
--bull-shot-oklch: oklch(0.439 0.078 47);
}
.element {
color: var(--bull-shot);
background-color: hsl(20 46% 31%);
border-color: oklch(0.439 0.078 47);
}Tailwind CSS v4
@theme {
--color-bull-shot: #75442b;
--color-bull-shot-50: #ffefe2;
--color-bull-shot-100: #ffe1d2;
--color-bull-shot-200: #f1cbb8;
--color-bull-shot-300: #d9ac95;
--color-bull-shot-400: #c59177;
--color-bull-shot-500: #b17659;
--color-bull-shot-600: #95644c;
--color-bull-shot-700: #78503c;
--color-bull-shot-800: #593a2c;
--color-bull-shot-900: #3e281d;
--color-bull-shot-950: #27150d;
}SCSS
$bull-shot: #75442b;
$bull-shot-rgb: 117, 68, 43;
$bull-shot-light: mix(#fff, $bull-shot, 20%);
$bull-shot-dark: mix(#000, $bull-shot, 20%);
.element {
color: $bull-shot;
box-shadow: 0 0 0 2px rgba($bull-shot, 0.35);
}