Colore con nome · #ABD4E6
Monaco
Monaco è #ABD4E6: rgb(171 212 230), hsl(198 54% 79%), oklch(0.847 0.05 226.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Monaco color name →
#ABD4E6
oklch(0.847 0.05 226.4)
Conversioni di colore
- HEX
- #abd4e6
- RGB
- rgb(171 212 230)
- HSL
- hsl(198 54% 79%)
- HWB
- hwb(198 67% 10%)
- OKLCH
- oklch(0.847 0.05 226.4)
- OKLab
- oklab(0.847 -0.034 -0.036)
- CIE Lab
- lab(82.41 -10.94 -13.58)
- LCH
- lch(82.41 17.44 231.1)
- CMYK
- cmyk(26% 8% 0% 10%)
Tinte · Ombre · Toni
Tinte
- B3D8E9
- BCDDEB
- C4E1EE
- CDE5F0
- D5EAF3
- DEEEF5
- E6F2F8
- EEF6FA
- F7FBFD
Ombre
- 94B8C8
- 7E9DAB
- 68838E
- 546973
- 405159
- 2D3A40
- 1B2428
- 0B1013
- 010203
Toni
- A7CBDB
- A3C3D1
- 9EBAC6
- 9AB2BC
- 96A9B2
- 92A1A8
- 8D989E
- 899094
- 84888A
Armonie di colore
Complementare +180°
- ABD4E6
Monaco
- E9C3B2
≈ Zinnwaldite
Analogo -30° +30°
- ABD4E6
Monaco
- A7D7D7
≈ Sugar Pool
- B8CFEE
≈ Frost Fairy
Triadico +120° +240°
- ABD4E6
Monaco
- E6C0D3
≈ Childlike
- D0CFAA
≈ Crystal Palace
Complementare divisa +150° +210°
- ABD4E6
Monaco
- ECC0C1
≈ Cafe Pink
- E0C9A9
≈ Marshmallow Mist
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.29:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.29:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--monaco: #abd4e6;
--monaco-rgb: 171 212 230;
--monaco-oklch: oklch(0.847 0.05 226.4);
}
.element {
color: var(--monaco);
background-color: hsl(198 54% 79%);
border-color: oklch(0.847 0.05 226.4);
}Tailwind CSS v4
@theme {
--color-monaco: #abd4e6;
--color-monaco-50: #e7f8ff;
--color-monaco-100: #d8ecf5;
--color-monaco-200: #bfd9e5;
--color-monaco-300: #9ebdcc;
--color-monaco-400: #80a5b5;
--color-monaco-500: #628da0;
--color-monaco-600: #537887;
--color-monaco-700: #42606c;
--color-monaco-800: #2f464f;
--color-monaco-900: #203137;
--color-monaco-950: #0f1d22;
}SCSS
$monaco: #abd4e6;
$monaco-rgb: 171, 212, 230;
$monaco-light: mix(#fff, $monaco, 20%);
$monaco-dark: mix(#000, $monaco, 20%);
.element {
color: $monaco;
box-shadow: 0 0 0 2px rgba($monaco, 0.35);
}