Warna bernama · #BC002C
Nippon
Nippon adalah #BC002C: rgb(188 0 44), hsl(346 100% 37%), oklch(0.503 0.202 21). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Nippon color name →
#BC002C
oklch(0.503 0.202 21)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- C63441
- D05055
- D86869
- E07E7E
- E79493
- EEAAA8
- F3BFBD
- F8D4D3
- FCEAE9
Shade
- A30025
- 8B001E
- 730017
- 5D0011
- 47000A
- 320005
- 1F0002
- 0D0001
- 020000
Tone
- B82436
- B4363F
- AF4347
- AA4E50
- A55858
- 9F6160
- 986968
- 917170
- 897978
Harmoni warna
Komplementer +180°
- BC002C
Nippon
- 007278
≈ Essential Teal
Analog -30° +30°
- BC002C
Nippon
- B00E72
≈ King’s Plum Pie
- 9C4900
≈ Oregon
Triadik +120° +240°
- BC002C
Nippon
- 197900
≈ Botanical Beauty
- 1059D4
≈ Bnei Brak Bay
Split-komplementer +150° +210°
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 6.61:1 · APCA Lc 80
Ag
FailDi atas hitam
WCAG 3.17:1 · APCA Lc 22
Warna teks terbaik: #FFFFFF
WCAG 6.61:1 (AA) · APCA Lc 80
Contrast pairs
Cuplikan kode
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);
}