Colore con nome · #5DB1C5
Gondolier
Gondolier è #5DB1C5: rgb(93 177 197), hsl(192 47% 57%), oklch(0.715 0.086 215.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Gondolier color name →
#5DB1C5
oklch(0.715 0.086 215.2)
Conversioni di colore
- HEX
- #5db1c5
- RGB
- rgb(93 177 197)
- HSL
- hsl(192 47% 57%)
- HWB
- hwb(192 36% 23%)
- OKLCH
- oklch(0.715 0.086 215.2)
- OKLab
- oklab(0.715 -0.071 -0.05)
- CIE Lab
- lab(67.53 -22.4 -18.53)
- LCH
- lch(67.53 29.07 219.6)
- CMYK
- cmyk(53% 10% 0% 23%)
Tinte · Ombre · Toni
Tinte
- 6FB9CB
- 81C1D1
- 91C8D6
- A1D0DC
- B1D8E2
- C1E0E8
- D0E8EE
- E0EFF3
- EFF7F9
Ombre
- 5099AB
- 438392
- 376C79
- 2A5761
- 1F424B
- 142F35
- 0A1C21
- 030C0E
- 000102
Toni
- 63ACBE
- 68A7B7
- 6CA2B0
- 709EA9
- 7499A2
- 77949B
- 798F94
- 7C8A8E
- 7E8587
Armonie di colore
Complementare +180°
- 5DB1C5
Gondolier
- D3907E
≈ Orange Essential
Analogo -30° +30°
- 5DB1C5
Gondolier
- 5DB5AA
≈ Artesian Well
- 74A9D6
≈ Chronus Blue
Triadico +120° +240°
- 5DB1C5
Gondolier
- C58FB8
≈ La la Love
- B4A363
≈ Frickles
Complementare divisa +150° +210°
- 5DB1C5
Gondolier
- D28C9C
≈ Can Can
- C99868
≈ Amber Autumn
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.45:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.56:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--gondolier: #5db1c5;
--gondolier-rgb: 93 177 197;
--gondolier-oklch: oklch(0.715 0.086 215.2);
}
.element {
color: var(--gondolier);
background-color: hsl(192 47% 57%);
border-color: oklch(0.715 0.086 215.2);
}Tailwind CSS v4
@theme {
--color-gondolier: #5db1c5;
--color-gondolier-50: #dbfcff;
--color-gondolier-100: #c9f0fb;
--color-gondolier-200: #abdeed;
--color-gondolier-300: #84c3d4;
--color-gondolier-400: #5dacbe;
--color-gondolier-500: #3094aa;
--color-gondolier-600: #2b7e90;
--color-gondolier-700: #226473;
--color-gondolier-800: #164a54;
--color-gondolier-900: #0e333b;
--color-gondolier-950: #021f25;
}SCSS
$gondolier: #5db1c5;
$gondolier-rgb: 93, 177, 197;
$gondolier-light: mix(#fff, $gondolier, 20%);
$gondolier-dark: mix(#000, $gondolier, 20%);
.element {
color: $gondolier;
box-shadow: 0 0 0 2px rgba($gondolier, 0.35);
}