Colore con nome · #59BAD9
Azurean
Azurean è #59BAD9: rgb(89 186 217), hsl(195 63% 60%), oklch(0.742 0.101 221.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Azurean color name →
#59BAD9
oklch(0.742 0.101 221.7)
Conversioni di colore
- HEX
- #59bad9
- RGB
- rgb(89 186 217)
- HSL
- hsl(195 63% 60%)
- HWB
- hwb(195 35% 15%)
- OKLCH
- oklch(0.742 0.101 221.7)
- OKLab
- oklab(0.742 -0.075 -0.067)
- CIE Lab
- lab(70.61 -22.92 -24.79)
- LCH
- lch(70.61 33.76 227.3)
- CMYK
- cmyk(59% 14% 0% 15%)
Tinte · Ombre · Toni
Tinte
- 6DC1DD
- 7FC8E1
- 90CFE5
- A1D6E9
- B1DDED
- C1E4F0
- D1EBF4
- E0F1F8
- F0F8FB
Ombre
- 4CA1BC
- 4089A1
- 347286
- 285C6C
- 1D4653
- 13323B
- 091E25
- 030D11
- 000202
Toni
- 60B4D0
- 66AEC7
- 6BA9BE
- 6FA3B5
- 739DAC
- 7797A3
- 79929A
- 7C8C91
- 7E8689
Armonie di colore
Complementare +180°
- 59BAD9
Azurean
- E29679
≈ Baked Salmon
Analogo -30° +30°
- 59BAD9
Azurean
- 50C0BC
≈ Port Hope
- 7BB0EA
≈ Lucea
Triadico +120° +240°
- 59BAD9
Azurean
- D892BE
≈ Firm Pink
- B9AE5F
≈ Gimblet
Complementare divisa +150° +210°
- 59BAD9
Azurean
- E3919B
≈ Poudretteite Pink
- D3A161
≈ Brick Yellow
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.22:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.45:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.45:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--azurean: #59bad9;
--azurean-rgb: 89 186 217;
--azurean-oklch: oklch(0.742 0.101 221.7);
}
.element {
color: var(--azurean);
background-color: hsl(195 63% 60%);
border-color: oklch(0.742 0.101 221.7);
}Tailwind CSS v4
@theme {
--color-azurean: #59bad9;
--color-azurean-50: #d7fcff;
--color-azurean-100: #c4f0ff;
--color-azurean-200: #a5def4;
--color-azurean-300: #7cc3de;
--color-azurean-400: #51acc9;
--color-azurean-500: #1294b6;
--color-azurean-600: #167e99;
--color-azurean-700: #13657b;
--color-azurean-800: #084a5a;
--color-azurean-900: #06333f;
--color-azurean-950: #001f28;
}SCSS
$azurean: #59bad9;
$azurean-rgb: 89, 186, 217;
$azurean-light: mix(#fff, $azurean, 20%);
$azurean-dark: mix(#000, $azurean, 20%);
.element {
color: $azurean;
box-shadow: 0 0 0 2px rgba($azurean, 0.35);
}