Colore con nome · #55A0B7
Inuit
Inuit è #55A0B7: rgb(85 160 183), hsl(194 40% 53%), oklch(0.666 0.082 220.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Inuit color name →
#55A0B7
oklch(0.666 0.082 220.2)
Conversioni di colore
- HEX
- #55a0b7
- RGB
- rgb(85 160 183)
- HSL
- hsl(194 40% 53%)
- HWB
- hwb(194 33% 28%)
- OKLCH
- oklch(0.666 0.082 220.2)
- OKLab
- oklab(0.666 -0.062 -0.053)
- CIE Lab
- lab(61.73 -19.35 -19.55)
- LCH
- lch(61.73 27.5 225.3)
- CMYK
- cmyk(54% 13% 0% 28%)
Tinte · Ombre · Toni
Tinte
- 68A9BE
- 79B3C5
- 8ABCCD
- 9BC6D4
- ACCFDB
- BDD9E2
- CDE2E9
- DEECF1
- EEF5F8
Ombre
- 498B9F
- 3D7687
- 316170
- 264E5A
- 1C3B45
- 112931
- 08191E
- 02090C
- 000102
Toni
- 5B9DB1
- 619AAC
- 6697A6
- 6B94A1
- 6F909B
- 738D96
- 768A90
- 7A878B
- 7D8385
Armonie di colore
Complementare +180°
- 55A0B7
Inuit
- C0836E
≈ Kitchen Terra Cotta
Analogo -30° +30°
- 55A0B7
Inuit
- 51A49F
≈ Twilight Meadow
- 6D98C5
≈ Windstorm
Triadico +120° +240°
- 55A0B7
Inuit
- B780A4
≈ Opera Mauve
- A09659
≈ Terran Khaki
Complementare divisa +150° +210°
- 55A0B7
Inuit
- C07F88
≈ Lipstick Pink
- B58B5B
≈ Crown Gold
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.95:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.09:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.09:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--inuit: #55a0b7;
--inuit-rgb: 85 160 183;
--inuit-oklch: oklch(0.666 0.082 220.2);
}
.element {
color: var(--inuit);
background-color: hsl(194 40% 53%);
border-color: oklch(0.666 0.082 220.2);
}Tailwind CSS v4
@theme {
--color-inuit: #55a0b7;
--color-inuit-50: #ddfbff;
--color-inuit-100: #cbeffc;
--color-inuit-200: #afddee;
--color-inuit-300: #89c1d6;
--color-inuit-400: #64aac0;
--color-inuit-500: #3c93ac;
--color-inuit-600: #347c91;
--color-inuit-700: #2a6374;
--color-inuit-800: #1c4955;
--color-inuit-900: #12333b;
--color-inuit-950: #041e25;
}SCSS
$inuit: #55a0b7;
$inuit-rgb: 85, 160, 183;
$inuit-light: mix(#fff, $inuit, 20%);
$inuit-dark: mix(#000, $inuit, 20%);
.element {
color: $inuit;
box-shadow: 0 0 0 2px rgba($inuit, 0.35);
}