이름 색상 · #B0003C
Bindi Red
Bindi Red은(는) #B0003C: rgb(176 0 60), hsl(340 100% 35%), oklch(0.482 0.193 13.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Bindi Red color name →
#B0003C
oklch(0.482 0.193 13.8)
색상 변환
- HEX
- #b0003c
- RGB
- rgb(176 0 60)
- HSL
- hsl(340 100% 35%)
- HWB
- hwb(340 0% 31%)
- OKLCH
- oklch(0.482 0.193 13.8)
- OKLab
- oklab(0.482 0.187 0.046)
- CIE Lab
- lab(37.72 62.31 20.74)
- LCH
- lch(37.72 65.67 18.4)
- CMYK
- cmyk(0% 100% 66% 31%)
틴트 · 셰이드 · 톤
틴트
- BB324E
- C64D60
- D06573
- D97C85
- E19299
- E9A8AD
- EFBDC1
- F5D3D5
- FBE9EA
셰이드
- 990033
- 82002A
- 6C0021
- 560019
- 420011
- 2E000A
- 1C0004
- 0B0001
- 010000
톤
- AD2243
- AA344A
- A74150
- A34C57
- 9F565E
- 9A5F65
- 95686B
- 8F7072
- 887879
색 조화
보색 +180°
- B0003C
Bindi Red
- 006C6C
≈ Mayan Blue
유사색 -30° +30°
- B0003C
Bindi Red
- A11678
≈ Fabric of Love
- 9C3C00
≈ Muddy
삼각 배색 +120° +240°
- B0003C
Bindi Red
- 3B6E00
≈ Tatzelwurm Green
- 005DB1
≈ Bottled Sea
분열 보색 +150° +210°
- B0003C
Bindi Red
- 00704E
≈ Natural Watercourse
- 006884
≈ Ansel
사각 배색 +90° +180° +270°
- B0003C
Bindi Red
- 686000
≈ Green Brown
- 006C6C
≈ Mayan Blue
- 5742C4
≈ Royal Nightcore
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.21:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 2.91:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 7.21:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--bindi-red: #b0003c;
--bindi-red-rgb: 176 0 60;
--bindi-red-oklch: oklch(0.482 0.193 13.8);
}
.element {
color: var(--bindi-red);
background-color: hsl(340 100% 35%);
border-color: oklch(0.482 0.193 13.8);
}Tailwind CSS v4
@theme {
--color-bindi-red: #b0003c;
--color-bindi-red-50: #ffdfe3;
--color-bindi-red-100: #ffced2;
--color-bindi-red-200: #ffb2b8;
--color-bindi-red-300: #ff8b96;
--color-bindi-red-400: #fa657c;
--color-bindi-red-500: #e9375f;
--color-bindi-red-600: #c53150;
--color-bindi-red-700: #9e2740;
--color-bindi-red-800: #761b30;
--color-bindi-red-900: #531221;
--color-bindi-red-950: #370310;
}SCSS
$bindi-red: #b0003c;
$bindi-red-rgb: 176, 0, 60;
$bindi-red-light: mix(#fff, $bindi-red, 20%);
$bindi-red-dark: mix(#000, $bindi-red, 20%);
.element {
color: $bindi-red;
box-shadow: 0 0 0 2px rgba($bindi-red, 0.35);
}