Colore con nome · #A4233C
Romeo O Romeo
Romeo O Romeo è #A4233C: rgb(164 35 60), hsl(348 65% 39%), oklch(0.476 0.164 15.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Romeo O Romeo color name →
#A4233C
oklch(0.476 0.164 15.8)
Conversioni di colore
- HEX
- #a4233c
- RGB
- rgb(164 35 60)
- HSL
- hsl(348 65% 39%)
- HWB
- hwb(348 14% 36%)
- OKLCH
- oklch(0.476 0.164 15.8)
- OKLab
- oklab(0.476 0.158 0.045)
- CIE Lab
- lab(37.37 52.95 19.66)
- LCH
- lch(37.37 56.48 20.4)
- CMYK
- cmyk(0% 79% 63% 36%)
Tinte · Ombre · Toni
Tinte
- B03E4E
- BB5660
- C56B72
- CF8085
- D99599
- E2AAAC
- EABFC1
- F2D4D5
- F9EAEA
Ombre
- 8E1D33
- 79172A
- 641121
- 500C19
- 3D0711
- 2B040A
- 1A0104
- 0A0001
- 010000
Toni
- A23243
- A03D4A
- 9E4850
- 9B5157
- 985A5E
- 946265
- 906A6B
- 8B7172
- 867979
Armonie di colore
Complementare +180°
- A4233C
Romeo O Romeo
- 006A6B
≈ Mayan Blue
Analogo -30° +30°
- A4233C
Romeo O Romeo
- 982870
≈ Celestial Dragon
- 973D00
≈ Hot Brown
Triadico +120° +240°
- A4233C
Romeo O Romeo
- 336D00
≈ Tatzelwurm Green
- 0059B4
≈ Bottled Sea
Complementare divisa +150° +210°
- A4233C
Romeo O Romeo
- 006E4F
≈ Natural Watercourse
- 006683
≈ Journey Into Night
Tetradico +90° +180° +270°
- A4233C
Romeo O Romeo
- 655F00
≈ Brussels Sprout Green
- 006A6B
≈ Mayan Blue
- 5847B2
≈ Swiss Plum
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.28:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.88:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.28:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--romeo-o-romeo: #a4233c;
--romeo-o-romeo-rgb: 164 35 60;
--romeo-o-romeo-oklch: oklch(0.476 0.164 15.8);
}
.element {
color: var(--romeo-o-romeo);
background-color: hsl(348 65% 39%);
border-color: oklch(0.476 0.164 15.8);
}Tailwind CSS v4
@theme {
--color-romeo-o-romeo: #a4233c;
--color-romeo-o-romeo-50: #ffe3e4;
--color-romeo-o-romeo-100: #ffd2d4;
--color-romeo-o-romeo-200: #ffb8ba;
--color-romeo-o-romeo-300: #ff9398;
--color-romeo-o-romeo-400: #ef717d;
--color-romeo-o-romeo-500: #dd4c61;
--color-romeo-o-romeo-600: #ba4152;
--color-romeo-o-romeo-700: #963441;
--color-romeo-o-romeo-800: #702431;
--color-romeo-o-romeo-900: #4f1821;
--color-romeo-o-romeo-950: #340811;
}SCSS
$romeo-o-romeo: #a4233c;
$romeo-o-romeo-rgb: 164, 35, 60;
$romeo-o-romeo-light: mix(#fff, $romeo-o-romeo, 20%);
$romeo-o-romeo-dark: mix(#000, $romeo-o-romeo, 20%);
.element {
color: $romeo-o-romeo;
box-shadow: 0 0 0 2px rgba($romeo-o-romeo, 0.35);
}