Colore con nome · #A0365F
Royal Flush
Royal Flush è #A0365F: rgb(160 54 95), hsl(337 50% 42%), oklch(0.497 0.145 360). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Royal Flush color name →
#A0365F
oklch(0.497 0.145 360)
Conversioni di colore
- HEX
- #a0365f
- RGB
- rgb(160 54 95)
- HSL
- hsl(337 50% 42%)
- HWB
- hwb(337 21% 37%)
- OKLCH
- oklch(0.497 0.145 360)
- OKLab
- oklab(0.497 0.145 0)
- CIE Lab
- lab(39.85 47.06 0.66)
- LCH
- lch(39.85 47.07 0.8)
- CMYK
- cmyk(0% 66% 41% 37%)
Tinte · Ombre · Toni
Tinte
- AB4C6E
- B6607D
- C1738C
- CB879C
- D59BAB
- DEAEBC
- E7C2CC
- EFD6DD
- F7EBEE
Ombre
- 8B2E52
- 762544
- 611E38
- 4E162C
- 3B0F20
- 290815
- 19030A
- 090103
- 010000
Toni
- 9E4062
- 9C4865
- 9A5069
- 97586C
- 945F6F
- 916673
- 8D6D76
- 897379
- 857A7D
Armonie di colore
Complementare +180°
- A0365F
Royal Flush
- 007364
≈ Northern Hemisphere
Analogo -30° +30°
- A0365F
Royal Flush
- 8E3E89
≈ Dahlia
- A5392C
≈ Sweet Brown
Triadico +120° +240°
- A0365F
Royal Flush
- 5A6B00
≈ Bowser Shell
- 00699C
≈ Impulse Blue
Complementare divisa +150° +210°
- A0365F
Royal Flush
- 007734
≈ Forestial
- 006F7D
≈ Iridescent Peacock
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.58:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.18:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.58:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--royal-flush: #a0365f;
--royal-flush-rgb: 160 54 95;
--royal-flush-oklch: oklch(0.497 0.145 360);
}
.element {
color: var(--royal-flush);
background-color: hsl(337 50% 42%);
border-color: oklch(0.497 0.145 360);
}Tailwind CSS v4
@theme {
--color-royal-flush: #a0365f;
--color-royal-flush-50: #ffe5f2;
--color-royal-flush-100: #ffd4e4;
--color-royal-flush-200: #ffbbcf;
--color-royal-flush-300: #f597b1;
--color-royal-flush-400: #e2779b;
--color-royal-flush-500: #cf5682;
--color-royal-flush-600: #af496e;
--color-royal-flush-700: #8d3a58;
--color-royal-flush-800: #682942;
--color-royal-flush-900: #491c2e;
--color-royal-flush-950: #300c1a;
}SCSS
$royal-flush: #a0365f;
$royal-flush-rgb: 160, 54, 95;
$royal-flush-light: mix(#fff, $royal-flush, 20%);
$royal-flush-dark: mix(#000, $royal-flush, 20%);
.element {
color: $royal-flush;
box-shadow: 0 0 0 2px rgba($royal-flush, 0.35);
}