Colore con nome · #60797D
Mediterranean
Mediterranean è #60797D: rgb(96 121 125), hsl(188 13% 43%), oklch(0.558 0.03 208.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mediterranean color name →
#60797D
oklch(0.558 0.03 208.3)
Conversioni di colore
- HEX
- #60797d
- RGB
- rgb(96 121 125)
- HSL
- hsl(188 13% 43%)
- HWB
- hwb(188 38% 51%)
- OKLCH
- oklch(0.558 0.03 208.3)
- OKLab
- oklab(0.558 -0.026 -0.014)
- CIE Lab
- lab(48.95 -8.68 -5.36)
- LCH
- lch(48.95 10.21 211.7)
- CMYK
- cmyk(23% 3% 0% 51%)
Tinte · Ombre · Toni
Tinte
- 6F8689
- 7E9296
- 8D9FA2
- 9DADAF
- ADBABC
- BDC7C9
- CDD5D6
- DDE3E4
- EEF1F1
Ombre
- 52686C
- 45585B
- 38484B
- 2C393B
- 202B2C
- 151D1E
- 0A1011
- 030505
- 000101
Toni
- 637A7D
- 677A7E
- 6A7B7E
- 6D7C7E
- 707D7F
- 747D7F
- 777E7F
- 7A7F7F
- 7D7F80
Armonie di colore
Complementare +180°
- 60797D
Mediterranean
- 856E6A
≈ Granite Boulder
Analogo -30° +30°
- 60797D
Mediterranean
- 627A74
≈ Refreshing Green
- 647784
≈ Freedom Found
Triadico +120° +240°
- 60797D
Mediterranean
- 7E6E7D
≈ Splendiferous
- 7B7360
≈ Backcountry
Complementare divisa +150° +210°
- 60797D
Mediterranean
- 836D74
≈ Velvet Slipper
- 827063
≈ Cardamom Spice
Tetradico +90° +180° +270°
- 60797D
Mediterranean
- 767083
≈ Ritual
- 856E6A
≈ Granite Boulder
- 727663
≈ Mouse Tail
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.63:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.52:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--mediterranean: #60797d;
--mediterranean-rgb: 96 121 125;
--mediterranean-oklch: oklch(0.558 0.03 208.3);
}
.element {
color: var(--mediterranean);
background-color: hsl(188 13% 43%);
border-color: oklch(0.558 0.03 208.3);
}Tailwind CSS v4
@theme {
--color-mediterranean: #60797d;
--color-mediterranean-50: #ecf8fa;
--color-mediterranean-100: #ddebed;
--color-mediterranean-200: #c7d8db;
--color-mediterranean-300: #a7bcc0;
--color-mediterranean-400: #8ba4a8;
--color-mediterranean-500: #708c91;
--color-mediterranean-600: #5f767a;
--color-mediterranean-700: #4c5f62;
--color-mediterranean-800: #374547;
--color-mediterranean-900: #253031;
--color-mediterranean-950: #141c1d;
}SCSS
$mediterranean: #60797d;
$mediterranean-rgb: 96, 121, 125;
$mediterranean-light: mix(#fff, $mediterranean, 20%);
$mediterranean-dark: mix(#000, $mediterranean, 20%);
.element {
color: $mediterranean;
box-shadow: 0 0 0 2px rgba($mediterranean, 0.35);
}