Colore con nome · #AA0055
Shy Guy Red
Shy Guy Red è #AA0055: rgb(170 0 85), hsl(330 100% 33%), oklch(0.477 0.193 1.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Shy Guy Red color name →
#AA0055
oklch(0.477 0.193 1.6)
Conversioni di colore
- HEX
- #aa0055
- RGB
- rgb(170 0 85)
- HSL
- hsl(330 100% 33%)
- HWB
- hwb(330 0% 33%)
- OKLCH
- oklch(0.477 0.193 1.6)
- OKLab
- oklab(0.477 0.193 0.005)
- CIE Lab
- lab(36.92 61.97 3.16)
- LCH
- lch(36.92 62.05 2.9)
- CMYK
- cmyk(0% 100% 50% 33%)
Tinte · Ombre · Toni
Tinte
- B63164
- C14C74
- CB6484
- D47A95
- DD91A6
- E6A6B7
- EDBCC9
- F4D2DB
- FAE9ED
Ombre
- 930049
- 7D003D
- 680031
- 530026
- 3F001C
- 2D0011
- 1B0008
- 0B0002
- 010000
Toni
- A82259
- A5325D
- A24062
- 9F4B66
- 9C556A
- 975E6E
- 936773
- 8D7077
- 87787C
Armonie di colore
Complementare +180°
- AA0055
Shy Guy Red
- 006C60
≈ Pacific Queen
Analogo -30° +30°
- AA0055
Shy Guy Red
- 951E8C
≈ Acai Juice
- AC1900
≈ Red Gore
Triadico +120° +240°
- AA0055
Shy Guy Red
- 536600
≈ Serrano Pepper
- 006396
≈ Craving Cobalt
Complementare divisa +150° +210°
- AA0055
Shy Guy Red
- 007036
≈ Column of Oak Green
- 006978
≈ Teal With It
Tetradico +90° +180° +270°
- AA0055
Shy Guy Red
- 715A00
≈ Hot Mustard
- 006C60
≈ Pacific Queen
- 3B4AC7
≈ Kikorangi Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.39:1 · APCA Lc 83
Ag
FailSu nero
WCAG 2.84:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 7.39:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--shy-guy-red: #aa0055;
--shy-guy-red-rgb: 170 0 85;
--shy-guy-red-oklch: oklch(0.477 0.193 1.6);
}
.element {
color: var(--shy-guy-red);
background-color: hsl(330 100% 33%);
border-color: oklch(0.477 0.193 1.6);
}Tailwind CSS v4
@theme {
--color-shy-guy-red: #aa0055;
--color-shy-guy-red-50: #ffdfef;
--color-shy-guy-red-100: #ffcde1;
--color-shy-guy-red-200: #ffb1cb;
--color-shy-guy-red-300: #ff8aad;
--color-shy-guy-red-400: #f66496;
--color-shy-guy-red-500: #e4387d;
--color-shy-guy-red-600: #c0326a;
--color-shy-guy-red-700: #9b2855;
--color-shy-guy-red-800: #731b40;
--color-shy-guy-red-900: #51122c;
--color-shy-guy-red-950: #360319;
}SCSS
$shy-guy-red: #aa0055;
$shy-guy-red-rgb: 170, 0, 85;
$shy-guy-red-light: mix(#fff, $shy-guy-red, 20%);
$shy-guy-red-dark: mix(#000, $shy-guy-red, 20%);
.element {
color: $shy-guy-red;
box-shadow: 0 0 0 2px rgba($shy-guy-red, 0.35);
}