Nazwany kolor · #702963
Byzantium
Byzantium to #702963: rgb(112 41 99), hsl(311 46% 30%), oklch(0.406 0.124 335.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Byzantium color name →
#702963
oklch(0.406 0.124 335.4)
Konwersje koloru
- HEX
- #702963
- RGB
- rgb(112 41 99)
- HSL
- hsl(311 46% 30%)
- HWB
- hwb(311 16% 56%)
- OKLCH
- oklch(0.406 0.124 335.4)
- OKLab
- oklab(0.406 0.113 -0.052)
- CIE Lab
- lab(29.29 37.37 -18.7)
- LCH
- lch(29.29 41.78 333.4)
- CMYK
- cmyk(0% 63% 12% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7F3E72
- 8D5381
- 9C6790
- AA7C9F
- B991AF
- C7A6BE
- D5BCCE
- E3D2DE
- F1E8EF
Odcienie ciemniejsze
- 602255
- 511C47
- 43153A
- 350F2E
- 270921
- 1A0516
- 0E020B
- 040103
- 010000
Tony
- 733366
- 753C69
- 77456C
- 794E6F
- 7B5772
- 7C5F75
- 7E6778
- 7F707B
- 7F787D
Harmonie kolorów
Komplementarna +180°
- 702963
Byzantium
- 005931
≈ Crusoe
Analogowa -30° +30°
- 702963
Byzantium
- 5A337E
≈ Kingfisher Daisy
- 7D2340
≈ Beet Red
Triada +120° +240°
- 702963
Byzantium
- 574800
≈ Sugarloaf Brown
- 005362
≈ Sandalwood Grey Blue
Komplementarna rozszczepiona +150° +210°
- 702963
Byzantium
- 3C5200
≈ Navy Green
- 00564F
≈ Castleton Green
Tetrada +90° +180° +270°
- 702963
Byzantium
- 6A3D00
≈ Bestial Brown
- 005931
≈ Crusoe
- 004D7D
≈ Snorkel Sea
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.60:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.18:1 · APCA Lc 11
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.60:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--byzantium: #702963;
--byzantium-rgb: 112 41 99;
--byzantium-oklch: oklch(0.406 0.124 335.4);
}
.element {
color: var(--byzantium);
background-color: hsl(311 46% 30%);
border-color: oklch(0.406 0.124 335.4);
}Tailwind CSS v4
@theme {
--color-byzantium: #702963;
--color-byzantium-50: #ffe8ff;
--color-byzantium-100: #ffd9f7;
--color-byzantium-200: #f8c0e7;
--color-byzantium-300: #e19fce;
--color-byzantium-400: #cc81bb;
--color-byzantium-500: #b863a6;
--color-byzantium-600: #9b558c;
--color-byzantium-700: #7d4370;
--color-byzantium-800: #5b3154;
--color-byzantium-900: #40213b;
--color-byzantium-950: #291025;
}SCSS
$byzantium: #702963;
$byzantium-rgb: 112, 41, 99;
$byzantium-light: mix(#fff, $byzantium, 20%);
$byzantium-dark: mix(#000, $byzantium, 20%);
.element {
color: $byzantium;
box-shadow: 0 0 0 2px rgba($byzantium, 0.35);
}