Colore con nome · #44BBCC
Water Sports
Water Sports è #44BBCC: rgb(68 187 204), hsl(188 57% 53%), oklch(0.733 0.106 208.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Water Sports color name →
#44BBCC
oklch(0.733 0.106 208.5)
Conversioni di colore
- HEX
- #44bbcc
- RGB
- rgb(68 187 204)
- HSL
- hsl(188 57% 53%)
- HWB
- hwb(188 27% 20%)
- OKLCH
- oklch(0.733 0.106 208.5)
- OKLab
- oklab(0.733 -0.093 -0.051)
- CIE Lab
- lab(69.87 -30.23 -18.93)
- LCH
- lch(69.87 35.66 212.1)
- CMYK
- cmyk(67% 8% 0% 20%)
Tinte · Ombre · Toni
Tinte
- 5EC2D1
- 73C9D6
- 87D0DB
- 99D7E1
- ABDDE6
- BCE4EB
- CDEBF0
- DEF2F5
- EFF8FA
Ombre
- 3AA2B1
- 308A97
- 26737E
- 1D5C65
- 14464E
- 0C3237
- 051F22
- 020D0F
- 000202
Toni
- 50B5C4
- 59AFBC
- 61A9B5
- 67A4AD
- 6D9EA6
- 72989E
- 769296
- 7A8C8F
- 7D8687
Armonie di colore
Complementare +180°
- 44BBCC
Water Sports
- E48E82
≈ Nude Flamingo
Analogo -30° +30°
- 44BBCC
Water Sports
- 4FBFA9
≈ Florida Keys
- 63B2E4
≈ Sanctuary Spa
Triadico +120° +240°
- 44BBCC
Water Sports
- CE90CA
≈ Carnation Rose
- C4A554
≈ Sauterne
Complementare divisa +150° +210°
- 44BBCC
Water Sports
- DF8CA8
≈ Vivacious Pink
- DB9862
≈ Apple Cider
Tetradico +90° +180° +270°
- 44BBCC
Water Sports
- B19AE3
≈ Dreamy Candy Forest
- E48E82
≈ Nude Flamingo
- A2B262
≈ Cornstalk
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.22:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.22:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--water-sports: #44bbcc;
--water-sports-rgb: 68 187 204;
--water-sports-oklch: oklch(0.733 0.106 208.5);
}
.element {
color: var(--water-sports);
background-color: hsl(188 57% 53%);
border-color: oklch(0.733 0.106 208.5);
}Tailwind CSS v4
@theme {
--color-water-sports: #44bbcc;
--color-water-sports-50: #d3feff;
--color-water-sports-100: #c0f2fc;
--color-water-sports-200: #9ee1ee;
--color-water-sports-300: #72c6d6;
--color-water-sports-400: #40b0c0;
--color-water-sports-500: #0099ab;
--color-water-sports-600: #008191;
--color-water-sports-700: #006774;
--color-water-sports-800: #004c55;
--color-water-sports-900: #00353b;
--color-water-sports-950: #002025;
}SCSS
$water-sports: #44bbcc;
$water-sports-rgb: 68, 187, 204;
$water-sports-light: mix(#fff, $water-sports, 20%);
$water-sports-dark: mix(#000, $water-sports, 20%);
.element {
color: $water-sports;
box-shadow: 0 0 0 2px rgba($water-sports, 0.35);
}