이름 색상 · #B96B00
Indocile Tiger
Indocile Tiger은(는) #B96B00: rgb(185 107 0), hsl(35 100% 36%), oklch(0.602 0.138 62.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Indocile Tiger color name →
#B96B00
oklch(0.602 0.138 62.9)
색상 변환
- HEX
- #b96b00
- RGB
- rgb(185 107 0)
- HSL
- hsl(35 100% 36%)
- HWB
- hwb(35 0% 27%)
- OKLCH
- oklch(0.602 0.138 62.9)
- OKLab
- oklab(0.602 0.063 0.122)
- CIE Lab
- lab(53.31 27.61 60.65)
- LCH
- lch(53.31 66.64 65.5)
- CMYK
- cmyk(0% 42% 100% 27%)
틴트 · 셰이드 · 톤
틴트
- C17A31
- C9894C
- D09864
- D7A67A
- DFB591
- E5C4A6
- ECD2BC
- F3E1D2
- F9F0E9
셰이드
- A05C00
- 894E00
- 713F00
- 5B3200
- 462500
- 311800
- 1E0D00
- 0D0400
- 020000
톤
- B46E22
- AF7132
- A97340
- A4754B
- 9E7855
- 997A5E
- 937B67
- 8D7D70
- 867F78
색 조화
보색 +180°
- B96B00
Indocile Tiger
- 1988CC
≈ Way Beyond the Blue
유사색 -30° +30°
- B96B00
Indocile Tiger
- C55D48
≈ Emotional
- 9A7E00
≈ Cerignola Olive
삼각 배색 +120° +240°
- B96B00
Indocile Tiger
- 009587
≈ Approval Green
- 926AC4
≈ Lilac Bush
분열 보색 +150° +210°
- B96B00
Indocile Tiger
- 0091A6
≈ Oasis
- 6679D2
≈ Indigo Light
사각 배색 +90° +180° +270°
- B96B00
Indocile Tiger
- 2B9857
≈ Militant Vegan
- 1988CC
≈ Way Beyond the Blue
- B05EA4
≈ Bodacious
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.06:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.16:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.16:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--indocile-tiger: #b96b00;
--indocile-tiger-rgb: 185 107 0;
--indocile-tiger-oklch: oklch(0.602 0.138 62.9);
}
.element {
color: var(--indocile-tiger);
background-color: hsl(35 100% 36%);
border-color: oklch(0.602 0.138 62.9);
}Tailwind CSS v4
@theme {
--color-indocile-tiger: #b96b00;
--color-indocile-tiger-50: #ffeecd;
--color-indocile-tiger-100: #ffdfb8;
--color-indocile-tiger-200: #fec996;
--color-indocile-tiger-300: #e8a869;
--color-indocile-tiger-400: #d78a3d;
--color-indocile-tiger-500: #c46d00;
--color-indocile-tiger-600: #a65d00;
--color-indocile-tiger-700: #854a00;
--color-indocile-tiger-800: #643500;
--color-indocile-tiger-900: #462401;
--color-indocile-tiger-950: #2d1200;
}SCSS
$indocile-tiger: #b96b00;
$indocile-tiger-rgb: 185, 107, 0;
$indocile-tiger-light: mix(#fff, $indocile-tiger, 20%);
$indocile-tiger-dark: mix(#000, $indocile-tiger, 20%);
.element {
color: $indocile-tiger;
box-shadow: 0 0 0 2px rgba($indocile-tiger, 0.35);
}