Benoemde kleur · #BC002D
Hinomaru Red
Hinomaru Red is #BC002D: rgb(188 0 45), hsl(346 100% 37%), oklch(0.503 0.202 20.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Hinomaru Red color name →
#BC002D
oklch(0.503 0.202 20.7)
Kleurconversies
- HEX
- #bc002d
- RGB
- rgb(188 0 45)
- HSL
- hsl(346 100% 37%)
- HWB
- hwb(346 0% 26%)
- OKLCH
- oklch(0.503 0.202 20.7)
- OKLab
- oklab(0.503 0.189 0.071)
- CIE Lab
- lab(40.16 64.85 33.87)
- LCH
- lch(40.16 73.16 27.6)
- CMYK
- cmyk(0% 100% 76% 26%)
Tinten · Schaduwen · Tonen
Tinten
- C63442
- D05056
- D8686A
- E07E7E
- E79493
- EEAAA8
- F3BFBD
- F8D4D3
- FCEAE9
Schaduwen
- A30026
- 8B001F
- 730018
- 5D0011
- 47000B
- 320006
- 1F0002
- 0D0001
- 020000
Tonen
- B82436
- B4363F
- AF4348
- AA4E50
- A55858
- 9F6160
- 986968
- 917170
- 897978
Kleurharmonieën
Complementair +180°
- BC002D
Hinomaru Red
- 007278
≈ Essential Teal
Analoog -30° +30°
- BC002D
Hinomaru Red
- B00F72
≈ King’s Plum Pie
- 9D4900
≈ Oregon
Triadisch +120° +240°
- BC002D
Hinomaru Red
- 1C7900
≈ Botanical Beauty
- 0D59D4
≈ Bnei Brak Bay
Gesplitst complementair +150° +210°
- BC002D
Hinomaru Red
- 00765C
≈ Tropical Rainforest
- 006D93
≈ Pure Light Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 6.61:1 · APCA Lc 80
Ag
FailOp zwart
WCAG 3.17:1 · APCA Lc 22
Beste tekstkleur: #FFFFFF
WCAG 6.61:1 (AA) · APCA Lc 80
Contrast pairs
Codefragmenten
CSS
:root {
--hinomaru-red: #bc002d;
--hinomaru-red-rgb: 188 0 45;
--hinomaru-red-oklch: oklch(0.503 0.202 20.7);
}
.element {
color: var(--hinomaru-red);
background-color: hsl(346 100% 37%);
border-color: oklch(0.503 0.202 20.7);
}Tailwind CSS v4
@theme {
--color-hinomaru-red: #bc002d;
--color-hinomaru-red-50: #ffdfda;
--color-hinomaru-red-100: #ffcec9;
--color-hinomaru-red-200: #ffb1ac;
--color-hinomaru-red-300: #ff8986;
--color-hinomaru-red-400: #ff6169;
--color-hinomaru-red-500: #ee3048;
--color-hinomaru-red-600: #c92c3e;
--color-hinomaru-red-700: #a22331;
--color-hinomaru-red-800: #791725;
--color-hinomaru-red-900: #560f19;
--color-hinomaru-red-950: #39010a;
}SCSS
$hinomaru-red: #bc002d;
$hinomaru-red-rgb: 188, 0, 45;
$hinomaru-red-light: mix(#fff, $hinomaru-red, 20%);
$hinomaru-red-dark: mix(#000, $hinomaru-red, 20%);
.element {
color: $hinomaru-red;
box-shadow: 0 0 0 2px rgba($hinomaru-red, 0.35);
}