Colore con nome · #60BFD3
Skydive
Skydive è #60BFD3: rgb(96 191 211), hsl(190 57% 60%), oklch(0.754 0.094 213.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Skydive color name →
#60BFD3
oklch(0.754 0.094 213.2)
Conversioni di colore
- HEX
- #60bfd3
- RGB
- rgb(96 191 211)
- HSL
- hsl(190 57% 60%)
- HWB
- hwb(190 38% 17%)
- OKLCH
- oklch(0.754 0.094 213.2)
- OKLab
- oklab(0.754 -0.079 -0.051)
- CIE Lab
- lab(72.16 -25.1 -19.18)
- LCH
- lch(72.16 31.59 217.4)
- CMYK
- cmyk(55% 9% 0% 17%)
Tinte · Ombre · Toni
Tinte
- 73C6D7
- 84CCDC
- 95D2E0
- A5D9E5
- B4DFE9
- C3E6EE
- D2ECF2
- E1F2F6
- F0F9FB
Ombre
- 52A6B7
- 458D9C
- 387582
- 2C5E69
- 204851
- 15333A
- 0A1F24
- 030D10
- 000202
Toni
- 66B9CA
- 6BB2C2
- 6FACBA
- 73A6B1
- 769FA9
- 7999A1
- 7B9398
- 7D8D90
- 7F8688
Armonie di colore
Complementare +180°
- 60BFD3
Skydive
- E49989
≈ Shrimp
Analogo -30° +30°
- 60BFD3
Skydive
- 63C3B5
≈ Miami Teal
- 79B6E7
≈ Aero
Triadico +120° +240°
- 60BFD3
Skydive
- D499C9
≈ Girl Power
- C3AE68
≈ Champagne Grape
Complementare divisa +150° +210°
- 60BFD3
Skydive
- E296A9
≈ Rose Delight
- DAA26F
≈ Western Sunrise
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.12:1 · APCA Lc 41
Ag
AAASu nero
WCAG 9.89:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.89:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--skydive: #60bfd3;
--skydive-rgb: 96 191 211;
--skydive-oklch: oklch(0.754 0.094 213.2);
}
.element {
color: var(--skydive);
background-color: hsl(190 57% 60%);
border-color: oklch(0.754 0.094 213.2);
}Tailwind CSS v4
@theme {
--color-skydive: #60bfd3;
--color-skydive-50: #d8fdff;
--color-skydive-100: #c5f1fc;
--color-skydive-200: #a7dfee;
--color-skydive-300: #7dc4d6;
--color-skydive-400: #54adc0;
--color-skydive-500: #1b96ab;
--color-skydive-600: #1c7f91;
--color-skydive-700: #176674;
--color-skydive-800: #0c4b55;
--color-skydive-900: #08343b;
--color-skydive-950: #001f25;
}SCSS
$skydive: #60bfd3;
$skydive-rgb: 96, 191, 211;
$skydive-light: mix(#fff, $skydive, 20%);
$skydive-dark: mix(#000, $skydive, 20%);
.element {
color: $skydive;
box-shadow: 0 0 0 2px rgba($skydive, 0.35);
}