Colore con nome · #B6273E
Timeless Beauty
Timeless Beauty è #B6273E: rgb(182 39 62), hsl(350 65% 43%), oklch(0.512 0.178 18). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Timeless Beauty color name →
#B6273E
oklch(0.512 0.178 18)
Conversioni di colore
- HEX
- #b6273e
- RGB
- rgb(182 39 62)
- HSL
- hsl(350 65% 43%)
- HWB
- hwb(350 15% 29%)
- OKLCH
- oklch(0.512 0.178 18)
- OKLab
- oklab(0.512 0.169 0.055)
- CIE Lab
- lab(41.46 57.24 24.43)
- LCH
- lch(41.46 62.24 23.1)
- CMYK
- cmyk(0% 79% 66% 29%)
Tinte · Ombre · Toni
Tinte
- C04350
- CA5A62
- D37075
- DB8587
- E3999B
- EAADAE
- F0C2C2
- F6D6D6
- FBEAEA
Ombre
- 9E2035
- 861A2B
- 6F1423
- 590E1A
- 440812
- 30040A
- 1D0204
- 0C0101
- 020000
Toni
- B23645
- AE424C
- AA4C52
- A65559
- A15D5F
- 9B6566
- 956C6C
- 8F7373
- 887A79
Armonie di colore
Complementare +180°
- B6273E
Timeless Beauty
- 007679
≈ Maxi Teal
Analogo -30° +30°
- B6273E
Timeless Beauty
- AA2C78
≈ Festival Fuchsia
- A44700
≈ Powdered Coffee
Triadico +120° +240°
- B6273E
Timeless Beauty
- 307A00
≈ Gardens Sericourt
- 1161CA
≈ Royal Navy Blue
Complementare divisa +150° +210°
- B6273E
Timeless Beauty
- 00795B
≈ Ivy League
- 007193
≈ Tropic Sea
Tetradico +90° +180° +270°
- B6273E
Timeless Beauty
- 6D6B00
≈ Worn Olive
- 007679
≈ Maxi Teal
- 664DC4
≈ Waiporoporo Purple
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.27:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.34:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--timeless-beauty: #b6273e;
--timeless-beauty-rgb: 182 39 62;
--timeless-beauty-oklch: oklch(0.512 0.178 18);
}
.element {
color: var(--timeless-beauty);
background-color: hsl(350 65% 43%);
border-color: oklch(0.512 0.178 18);
}Tailwind CSS v4
@theme {
--color-timeless-beauty: #b6273e;
--color-timeless-beauty-50: #ffe2e0;
--color-timeless-beauty-100: #ffd1cf;
--color-timeless-beauty-200: #ffb5b5;
--color-timeless-beauty-300: #ff9091;
--color-timeless-beauty-400: #f56c76;
--color-timeless-beauty-500: #e34358;
--color-timeless-beauty-600: #c03b4b;
--color-timeless-beauty-700: #9a2f3b;
--color-timeless-beauty-800: #73202d;
--color-timeless-beauty-900: #51151e;
--color-timeless-beauty-950: #36060e;
}SCSS
$timeless-beauty: #b6273e;
$timeless-beauty-rgb: 182, 39, 62;
$timeless-beauty-light: mix(#fff, $timeless-beauty, 20%);
$timeless-beauty-dark: mix(#000, $timeless-beauty, 20%);
.element {
color: $timeless-beauty;
box-shadow: 0 0 0 2px rgba($timeless-beauty, 0.35);
}