Colore con nome · #66CCFF
Skyan
Skyan è #66CCFF: rgb(102 204 255), hsl(200 100% 70%), oklch(0.804 0.119 232.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Skyan color name →
#66CCFF
oklch(0.804 0.119 232.7)
Conversioni di colore
- HEX
- #66ccff
- RGB
- rgb(102 204 255)
- HSL
- hsl(200 100% 70%)
- HWB
- hwb(200 40% 0%)
- OKLCH
- oklch(0.804 0.119 232.7)
- OKLab
- oklab(0.804 -0.072 -0.095)
- CIE Lab
- lab(77.46 -19.81 -34.69)
- LCH
- lch(77.46 39.94 240.3)
- CMYK
- cmyk(60% 20% 0% 0%)
Tinte · Ombre · Toni
Tinte
- 79D1FF
- 8AD7FF
- 9ADCFF
- A9E1FF
- B8E6FF
- C7EBFF
- D5F0FF
- E3F5FF
- F1FAFF
Ombre
- 58B1DE
- 4A97BE
- 3C7E9E
- 2F6580
- 234E63
- 173748
- 0C222E
- 040F16
- 000203
Toni
- 6BC4F2
- 70BDE5
- 74B5D8
- 77AECB
- 7AA6BE
- 7C9EB2
- 7D97A5
- 7F8F99
- 7F888C
Armonie di colore
Complementare +180°
- 66CCFF
Skyan
- FCA974
≈ Salmon Buff
Analogo -30° +30°
- 66CCFF
Skyan
- 47D5E1
≈ Aztec Turquoise
- 9DBFFF
≈ Pastel Blue
Triadico +120° +240°
Complementare divisa +150° +210°
- 66CCFF
Skyan
- FFA29E
≈ Pink Dream
- E5B85E
≈ Mr Mustard
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.80:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.64:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.64:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--skyan: #66ccff;
--skyan-rgb: 102 204 255;
--skyan-oklch: oklch(0.804 0.119 232.7);
}
.element {
color: var(--skyan);
background-color: hsl(200 100% 70%);
border-color: oklch(0.804 0.119 232.7);
}Tailwind CSS v4
@theme {
--color-skyan: #66ccff;
--color-skyan-50: #d5fcff;
--color-skyan-100: #c2efff;
--color-skyan-200: #a2ddff;
--color-skyan-300: #77c2ec;
--color-skyan-400: #49aad9;
--color-skyan-500: #0092c7;
--color-skyan-600: #007ca8;
--color-skyan-700: #046387;
--color-skyan-800: #004964;
--color-skyan-900: #013346;
--color-skyan-950: #001e2e;
}SCSS
$skyan: #66ccff;
$skyan-rgb: 102, 204, 255;
$skyan-light: mix(#fff, $skyan, 20%);
$skyan-dark: mix(#000, $skyan, 20%);
.element {
color: $skyan;
box-shadow: 0 0 0 2px rgba($skyan, 0.35);
}