Colore con nome · #1DACD1
Hú Lán Blue
Hú Lán Blue è #1DACD1: rgb(29 172 209), hsl(192 76% 47%), oklch(0.691 0.122 221.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Hú Lán Blue color name →
#1DACD1
oklch(0.691 0.122 221.4)
Conversioni di colore
- HEX
- #1dacd1
- RGB
- rgb(29 172 209)
- HSL
- hsl(192 76% 47%)
- HWB
- hwb(192 11% 18%)
- OKLCH
- oklch(0.691 0.122 221.4)
- OKLab
- oklab(0.691 -0.091 -0.081)
- CIE Lab
- lab(64.73 -26.86 -29.54)
- LCH
- lch(64.73 39.93 227.7)
- CMYK
- cmyk(86% 18% 0% 18%)
Tinte · Ombre · Toni
Tinte
- 45B5D6
- 60BDDB
- 77C5DF
- 8CCEE4
- A1D6E9
- B4DEED
- C7E7F2
- DAEFF6
- ECF7FB
Ombre
- 1895B5
- 137F9B
- 0E6981
- 095468
- 054050
- 032D39
- 011B23
- 000B10
- 000102
Toni
- 36A8C9
- 45A4C1
- 519FB9
- 5B9BB0
- 6397A8
- 6A92A0
- 708E98
- 768990
- 7B8588
Armonie di colore
Complementare +180°
- 1DACD1
Hú Lán Blue
- DB805E
≈ Dry Peach
Analogo -30° +30°
- 1DACD1
Hú Lán Blue
- 00B3AE
≈ Laguna Green
- 5FA0E5
≈ Feather Star
Triadico +120° +240°
- 1DACD1
Hú Lán Blue
- CE7CB2
≈ Peruvian Lily
- AC9E37
≈ Martian
Complementare divisa +150° +210°
- 1DACD1
Hú Lán Blue
- DC7A88
≈ Creamy Coral
- CA8E3B
≈ Anzac
Tetradico +90° +180° +270°
- 1DACD1
Hú Lán Blue
- B485D3
≈ Lavender Blossom
- DB805E
≈ Dry Peach
- 80AB58
≈ Jealousy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.66:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.87:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.87:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--hu-lan-blue: #1dacd1;
--hu-lan-blue-rgb: 29 172 209;
--hu-lan-blue-oklch: oklch(0.691 0.122 221.4);
}
.element {
color: var(--hu-lan-blue);
background-color: hsl(192 76% 47%);
border-color: oklch(0.691 0.122 221.4);
}Tailwind CSS v4
@theme {
--color-hu-lan-blue: #1dacd1;
--color-hu-lan-blue-50: #d0feff;
--color-hu-lan-blue-100: #bcf2ff;
--color-hu-lan-blue-200: #9ae0fb;
--color-hu-lan-blue-300: #6bc5e5;
--color-hu-lan-blue-400: #32aed1;
--color-hu-lan-blue-500: #0097bf;
--color-hu-lan-blue-600: #007fa1;
--color-hu-lan-blue-700: #006681;
--color-hu-lan-blue-800: #004b5f;
--color-hu-lan-blue-900: #003443;
--color-hu-lan-blue-950: #00202b;
}SCSS
$hu-lan-blue: #1dacd1;
$hu-lan-blue-rgb: 29, 172, 209;
$hu-lan-blue-light: mix(#fff, $hu-lan-blue, 20%);
$hu-lan-blue-dark: mix(#000, $hu-lan-blue, 20%);
.element {
color: $hu-lan-blue;
box-shadow: 0 0 0 2px rgba($hu-lan-blue, 0.35);
}