Colore con nome · #655867
Olivine Basalt
Olivine Basalt è #655867: rgb(101 88 103), hsl(292 8% 37%), oklch(0.478 0.029 321.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Olivine Basalt color name →
#655867
oklch(0.478 0.029 321.8)
Conversioni di colore
- HEX
- #655867
- RGB
- rgb(101 88 103)
- HSL
- hsl(292 8% 37%)
- HWB
- hwb(292 35% 60%)
- OKLCH
- oklch(0.478 0.029 321.8)
- OKLab
- oklab(0.478 0.023 -0.018)
- CIE Lab
- lab(39.09 7.74 -6.6)
- LCH
- lch(39.09 10.17 319.5)
- CMYK
- cmyk(2% 15% 0% 60%)
Tinte · Ombre · Toni
Tinte
- 736775
- 827783
- 918792
- A097A1
- AFA8B0
- BEB9BF
- CECACF
- DEDBDF
- EFEDEF
Ombre
- 574B59
- 493F4B
- 3C333D
- 2F2830
- 221D23
- 171217
- 0C090C
- 030304
- 000000
Toni
- 685C69
- 6A606C
- 6D646E
- 706871
- 726C73
- 757076
- 787478
- 7B787B
- 7D7C7D
Armonie di colore
Complementare +180°
- 655867
Olivine Basalt
- 546152
≈ Whispering Oaks
Analogo -30° +30°
- 655867
Olivine Basalt
- 5D5A6C
≈ Gobelin Mauve
- 6B575F
≈ Mocha Brown
Triadico +120° +240°
- 655867
Olivine Basalt
- 655C4B
≈ Shady Green
- 4A6264
≈ Brochantite Green
Complementare divisa +150° +210°
- 655867
Olivine Basalt
- 5D5F4C
≈ Fresh Basil
- 4D635B
≈ Siberian Green
Tetradico +90° +180° +270°
- 655867
Olivine Basalt
- 6B594F
≈ Oiled Teak
- 546152
≈ Whispering Oaks
- 4D606B
≈ Blackthorn Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.67:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.14:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--olivine-basalt: #655867;
--olivine-basalt-rgb: 101 88 103;
--olivine-basalt-oklch: oklch(0.478 0.029 321.8);
}
.element {
color: var(--olivine-basalt);
background-color: hsl(292 8% 37%);
border-color: oklch(0.478 0.029 321.8);
}Tailwind CSS v4
@theme {
--color-olivine-basalt: #655867;
--color-olivine-basalt-50: #f9f2fa;
--color-olivine-basalt-100: #ede5ed;
--color-olivine-basalt-200: #dbd0db;
--color-olivine-basalt-300: #bfb3c0;
--color-olivine-basalt-400: #a799a9;
--color-olivine-basalt-500: #8f8092;
--color-olivine-basalt-600: #796d7b;
--color-olivine-basalt-700: #615763;
--color-olivine-basalt-800: #473f49;
--color-olivine-basalt-900: #312c32;
--color-olivine-basalt-950: #1d191e;
}SCSS
$olivine-basalt: #655867;
$olivine-basalt-rgb: 101, 88, 103;
$olivine-basalt-light: mix(#fff, $olivine-basalt, 20%);
$olivine-basalt-dark: mix(#000, $olivine-basalt, 20%);
.element {
color: $olivine-basalt;
box-shadow: 0 0 0 2px rgba($olivine-basalt, 0.35);
}