Benannte Farbe · #BC002C
Nippon
Nippon ist #BC002C: rgb(188 0 44), hsl(346 100% 37%), oklch(0.503 0.202 21). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Nippon color name →
#BC002C
oklch(0.503 0.202 21)
Farbumrechnungen
- HEX
- #bc002c
- RGB
- rgb(188 0 44)
- HSL
- hsl(346 100% 37%)
- HWB
- hwb(346 0% 26%)
- OKLCH
- oklch(0.503 0.202 21)
- OKLab
- oklab(0.503 0.189 0.073)
- CIE Lab
- lab(40.15 64.83 34.47)
- LCH
- lch(40.15 73.42 28)
- CMYK
- cmyk(0% 100% 77% 26%)
Tints · Shades · Tones
Tints
- C63441
- D05055
- D86869
- E07E7E
- E79493
- EEAAA8
- F3BFBD
- F8D4D3
- FCEAE9
Shades
- A30025
- 8B001E
- 730017
- 5D0011
- 47000A
- 320005
- 1F0002
- 0D0001
- 020000
Tones
- B82436
- B4363F
- AF4347
- AA4E50
- A55858
- 9F6160
- 986968
- 917170
- 897978
Farbharmonien
Komplementär +180°
- BC002C
Nippon
- 007278
≈ Essential Teal
Analog -30° +30°
- BC002C
Nippon
- B00E72
≈ King’s Plum Pie
- 9C4900
≈ Oregon
Triadisch +120° +240°
- BC002C
Nippon
- 197900
≈ Botanical Beauty
- 1059D4
≈ Bnei Brak Bay
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.61:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.17:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.61:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--nippon: #bc002c;
--nippon-rgb: 188 0 44;
--nippon-oklch: oklch(0.503 0.202 21);
}
.element {
color: var(--nippon);
background-color: hsl(346 100% 37%);
border-color: oklch(0.503 0.202 21);
}Tailwind CSS v4
@theme {
--color-nippon: #bc002c;
--color-nippon-50: #ffdfda;
--color-nippon-100: #ffcec8;
--color-nippon-200: #ffb1ab;
--color-nippon-300: #ff8986;
--color-nippon-400: #ff6268;
--color-nippon-500: #ee3047;
--color-nippon-600: #c92c3d;
--color-nippon-700: #a22330;
--color-nippon-800: #791725;
--color-nippon-900: #560f18;
--color-nippon-950: #390109;
}SCSS
$nippon: #bc002c;
$nippon-rgb: 188, 0, 44;
$nippon-light: mix(#fff, $nippon, 20%);
$nippon-dark: mix(#000, $nippon, 20%);
.element {
color: $nippon;
box-shadow: 0 0 0 2px rgba($nippon, 0.35);
}