Colore con nome · #9B7697
Rebel Rouser
Rebel Rouser è #9B7697: rgb(155 118 151), hsl(306 16% 54%), oklch(0.613 0.066 330). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Rebel Rouser color name →
#9B7697
oklch(0.613 0.066 330)
Conversioni di colore
- HEX
- #9b7697
- RGB
- rgb(155 118 151)
- HSL
- hsl(306 16% 54%)
- HWB
- hwb(306 46% 39%)
- OKLCH
- oklch(0.613 0.066 330)
- OKLab
- oklab(0.613 0.057 -0.033)
- CIE Lab
- lab(54.19 19.21 -12.07)
- LCH
- lch(54.19 22.69 327.9)
- CMYK
- cmyk(0% 24% 3% 39%)
Tinte · Ombre · Toni
Tinte
- A583A1
- AF90AB
- B99DB5
- C3ABC0
- CDB9CA
- D7C6D4
- E1D4DF
- EBE2EA
- F5F1F4
Ombre
- 866683
- 72566F
- 5E475C
- 4B3849
- 392937
- 281C26
- 180F17
- 090508
- 010101
Toni
- 987795
- 967892
- 937990
- 917A8E
- 8E7B8C
- 8B7C89
- 887D87
- 867E85
- 837F82
Armonie di colore
Complementare +180°
- 9B7697
Rebel Rouser
- 68906F
≈ Prickly Pear Cactus
Analogo -30° +30°
- 9B7697
Rebel Rouser
- 8A7BA6
≈ Second Pour
- A67482
≈ Never Forget
Triadico +120° +240°
- 9B7697
Rebel Rouser
- 938356
≈ Dash of Oregano
- 528F9A
≈ Adrift
Complementare divisa +150° +210°
- 9B7697
Rebel Rouser
- 7F8A5D
≈ Sage Leaves
- 559185
≈ Spa Green
Tetradico +90° +180° +270°
- 9B7697
Rebel Rouser
- A27B5C
≈ Smokey Topaz
- 68906F
≈ Prickly Pear Cactus
- 5F8AA8
≈ Air Force Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.86:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.43:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--rebel-rouser: #9b7697;
--rebel-rouser-rgb: 155 118 151;
--rebel-rouser-oklch: oklch(0.613 0.066 330);
}
.element {
color: var(--rebel-rouser);
background-color: hsl(306 16% 54%);
border-color: oklch(0.613 0.066 330);
}Tailwind CSS v4
@theme {
--color-rebel-rouser: #9b7697;
--color-rebel-rouser-50: #ffeffe;
--color-rebel-rouser-100: #f6e0f2;
--color-rebel-rouser-200: #e6cae1;
--color-rebel-rouser-300: #ccacc6;
--color-rebel-rouser-400: #b591b1;
--color-rebel-rouser-500: #9f779b;
--color-rebel-rouser-600: #876483;
--color-rebel-rouser-700: #6c5069;
--color-rebel-rouser-800: #4f3a4e;
--color-rebel-rouser-900: #372836;
--color-rebel-rouser-950: #221621;
}SCSS
$rebel-rouser: #9b7697;
$rebel-rouser-rgb: 155, 118, 151;
$rebel-rouser-light: mix(#fff, $rebel-rouser, 20%);
$rebel-rouser-dark: mix(#000, $rebel-rouser, 20%);
.element {
color: $rebel-rouser;
box-shadow: 0 0 0 2px rgba($rebel-rouser, 0.35);
}