Colore con nome · #7B7FA9
Roseine Plum
Roseine Plum è #7B7FA9: rgb(123 127 169), hsl(235 21% 57%), oklch(0.609 0.064 280.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Roseine Plum color name →
#7B7FA9
oklch(0.609 0.064 280.1)
Conversioni di colore
- HEX
- #7b7fa9
- RGB
- rgb(123 127 169)
- HSL
- hsl(235 21% 57%)
- HWB
- hwb(235 48% 34%)
- OKLCH
- oklch(0.609 0.064 280.1)
- OKLab
- oklab(0.609 0.011 -0.063)
- CIE Lab
- lab(54.06 5.8 -23.01)
- LCH
- lch(54.06 23.73 284.1)
- CMYK
- cmyk(27% 25% 0% 34%)
Tinte · Ombre · Toni
Tinte
- 878BB2
- 9498BA
- A1A4C3
- ADB1CB
- BBBDD4
- C8CADD
- D5D7E5
- E3E4EE
- F1F2F6
Ombre
- 6A6E92
- 5A5D7C
- 4A4C67
- 3A3C53
- 2C2D3F
- 1E1F2C
- 10111B
- 05060A
- 010101
Toni
- 7B7FA5
- 7C7FA1
- 7C809D
- 7D8099
- 7D8095
- 7E8091
- 7E808D
- 7F8088
- 7F8084
Armonie di colore
Complementare +180°
- 7B7FA9
Roseine Plum
- 8C8457
≈ Mountain Olive
Analogo -30° +30°
- 7B7FA9
Roseine Plum
- 6686A8
≈ Moody Indigo
- 8F78A0
≈ Pickled Purple
Triadico +120° +240°
- 7B7FA9
Roseine Plum
- A57666
≈ Chutney Brown
- 608F76
≈ Sheffield
Complementare divisa +150° +210°
- 7B7FA9
Roseine Plum
- 9C7C58
≈ Westminster
- 768B62
≈ Fern Canopy
Tetradico +90° +180° +270°
- 7B7FA9
Roseine Plum
- A5737A
≈ Nostalgia Rose
- 8C8457
≈ Mountain Olive
- 538F8B
≈ Sea Garden
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.85:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.45:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.45:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--roseine-plum: #7b7fa9;
--roseine-plum-rgb: 123 127 169;
--roseine-plum-oklch: oklch(0.609 0.064 280.1);
}
.element {
color: var(--roseine-plum);
background-color: hsl(235 21% 57%);
border-color: oklch(0.609 0.064 280.1);
}Tailwind CSS v4
@theme {
--color-roseine-plum: #7b7fa9;
--color-roseine-plum-50: #f2f3ff;
--color-roseine-plum-100: #e4e6fd;
--color-roseine-plum-200: #cfd2f0;
--color-roseine-plum-300: #b2b4d8;
--color-roseine-plum-400: #979bc4;
--color-roseine-plum-500: #7e82b0;
--color-roseine-plum-600: #6a6e95;
--color-roseine-plum-700: #555877;
--color-roseine-plum-800: #3d4058;
--color-roseine-plum-900: #2a2c3e;
--color-roseine-plum-950: #181927;
}SCSS
$roseine-plum: #7b7fa9;
$roseine-plum-rgb: 123, 127, 169;
$roseine-plum-light: mix(#fff, $roseine-plum, 20%);
$roseine-plum-dark: mix(#000, $roseine-plum, 20%);
.element {
color: $roseine-plum;
box-shadow: 0 0 0 2px rgba($roseine-plum, 0.35);
}