Colore con nome più vicino · #558B8B
#558B8B
Colore con nome più vicino: Paradiso
#558B8B (rgb(85 139 139), hsl(180 24% 44%), oklch(0.599 0.057 195.7)) è più vicino al colore con nome Paradiso. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#558B8B
oklch(0.599 0.057 195.7)
Conversioni di colore
- HEX
- #558b8b
- RGB
- rgb(85 139 139)
- HSL
- hsl(180 24% 44%)
- HWB
- hwb(180 33% 45%)
- OKLCH
- oklch(0.599 0.057 195.7)
- OKLab
- oklab(0.599 -0.055 -0.016)
- CIE Lab
- lab(54.13 -18.66 -5.98)
- LCH
- lch(54.13 19.59 197.8)
- CMYK
- cmyk(39% 0% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 669696
- 77A1A1
- 88ADAC
- 98B8B8
- A9C4C3
- BACFCF
- CBDBDB
- DCE7E7
- EEF3F3
Ombre
- 497878
- 3D6666
- 315454
- 264343
- 1C3232
- 112323
- 081414
- 020707
- 000101
Toni
- 5A8A8A
- 5F8989
- 648888
- 688787
- 6D8686
- 718584
- 758483
- 798282
- 7C8181
Armonie di colore
Complementare +180°
- 558B8B
Paradiso
- 9F7274
≈ Raw Edge
Analogo -30° +30°
- 558B8B
Paradiso
- 5F8B78
≈ Privet Hedge
- 5A889A
≈ Adriatic Blue
Triadico +120° +240°
- 558B8B
Paradiso
- 8E7698
≈ Sweet Potato Peel
- 947C59
≈ Tweed
Complementare divisa +150° +210°
- 558B8B
Paradiso
- 9A7287
≈ Artiste
- 9E7663
≈ Kurumizome Brown
Tetradico +90° +180° +270°
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 {
--paradiso: #558b8b;
--paradiso-rgb: 85 139 139;
--paradiso-oklch: oklch(0.599 0.057 195.7);
}
.element {
color: var(--paradiso);
background-color: hsl(180 24% 44%);
border-color: oklch(0.599 0.057 195.7);
}Tailwind CSS v4
@theme {
--color-paradiso: #558b8b;
--color-paradiso-50: #e3fbfb;
--color-paradiso-100: #d3eeef;
--color-paradiso-200: #b9dcdd;
--color-paradiso-300: #96c1c2;
--color-paradiso-400: #76a9a9;
--color-paradiso-500: #569292;
--color-paradiso-600: #497c7c;
--color-paradiso-700: #3a6363;
--color-paradiso-800: #294948;
--color-paradiso-900: #1c3232;
--color-paradiso-950: #0c1e1e;
}SCSS
$paradiso: #558b8b;
$paradiso-rgb: 85, 139, 139;
$paradiso-light: mix(#fff, $paradiso, 20%);
$paradiso-dark: mix(#000, $paradiso, 20%);
.element {
color: $paradiso;
box-shadow: 0 0 0 2px rgba($paradiso, 0.35);
}