Colore con nome · #B495B0
Roseville
Roseville è #B495B0: rgb(180 149 176), hsl(308 17% 65%), oklch(0.706 0.052 330.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Roseville color name →
#B495B0
oklch(0.706 0.052 330.4)
Conversioni di colore
- HEX
- #b495b0
- RGB
- rgb(180 149 176)
- HSL
- hsl(308 17% 65%)
- HWB
- hwb(308 58% 29%)
- OKLCH
- oklch(0.706 0.052 330.4)
- OKLab
- oklab(0.706 0.046 -0.026)
- CIE Lab
- lab(65.23 15.46 -9.59)
- LCH
- lch(65.23 18.2 328.2)
- CMYK
- cmyk(0% 17% 2% 29%)
Tinte · Ombre · Toni
Tinte
- BB9FB8
- C3AABF
- CAB4C7
- D2BECF
- D9C9D7
- E1D4DF
- E8DEE7
- F0E9EF
- F7F4F7
Ombre
- 9C8199
- 856D82
- 6E5A6C
- 584856
- 443742
- 30262E
- 1D161C
- 0C080B
- 020101
Toni
- AF93AB
- AA91A6
- A48FA1
- 9F8D9D
- 9A8B98
- 958993
- 90868E
- 8A8489
- 858285
Armonie di colore
Complementare +180°
- B495B0
Roseville
- 8AAA90
≈ Alga Moss
Analogo -30° +30°
- B495B0
Roseville
- A599BD
≈ Grape Gatsby
- BD939F
≈ Light Mauve
Triadico +120° +240°
- B495B0
Roseville
- ADA07B
≈ Ruskin Room Green
- 7AAAB3
≈ Equanimity
Complementare divisa +150° +210°
- B495B0
Roseville
- 9CA681
≈ Fern Leaf
- 7CACA2
≈ Green Room
Tetradico +90° +180° +270°
- B495B0
Roseville
- B99980
≈ Cavern Clay
- 8AAA90
≈ Alga Moss
- 83A5BE
≈ Stormfang
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.66:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.86:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.86:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--roseville: #b495b0;
--roseville-rgb: 180 149 176;
--roseville-oklch: oklch(0.706 0.052 330.4);
}
.element {
color: var(--roseville);
background-color: hsl(308 17% 65%);
border-color: oklch(0.706 0.052 330.4);
}Tailwind CSS v4
@theme {
--color-roseville: #b495b0;
--color-roseville-50: #fff0fc;
--color-roseville-100: #f3e2f0;
--color-roseville-200: #e3ccde;
--color-roseville-300: #c8aec3;
--color-roseville-400: #b194ad;
--color-roseville-500: #9b7a97;
--color-roseville-600: #83677f;
--color-roseville-700: #695266;
--color-roseville-800: #4d3c4c;
--color-roseville-900: #352934;
--color-roseville-950: #201720;
}SCSS
$roseville: #b495b0;
$roseville-rgb: 180, 149, 176;
$roseville-light: mix(#fff, $roseville, 20%);
$roseville-dark: mix(#000, $roseville, 20%);
.element {
color: $roseville;
box-shadow: 0 0 0 2px rgba($roseville, 0.35);
}