Colore con nome · #28A4CB
Sardinia Beaches
Sardinia Beaches è #28A4CB: rgb(40 164 203), hsl(194 67% 48%), oklch(0.671 0.117 224.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Sardinia Beaches color name →
#28A4CB
oklch(0.671 0.117 224.6)
Conversioni di colore
- HEX
- #28a4cb
- RGB
- rgb(40 164 203)
- HSL
- hsl(194 67% 48%)
- HWB
- hwb(194 16% 20%)
- OKLCH
- oklch(0.671 0.117 224.6)
- OKLab
- oklab(0.671 -0.083 -0.082)
- CIE Lab
- lab(62.26 -23.83 -30.01)
- LCH
- lch(62.26 38.32 231.6)
- CMYK
- cmyk(80% 19% 0% 20%)
Tinte · Ombre · Toni
Tinte
- 49ADD1
- 62B6D6
- 78C0DB
- 8DC9E1
- A0D2E6
- B4DBEB
- C7E4F0
- DAEDF5
- ECF6FA
Ombre
- 218EB0
- 1B7996
- 15647D
- 0F5065
- 093D4D
- 042B37
- 021A22
- 010A0F
- 000102
Toni
- 3BA1C3
- 489DBC
- 529AB4
- 5B96AD
- 6393A6
- 6A8F9E
- 708B97
- 76888F
- 7B8488
Armonie di colore
Complementare +180°
- 28A4CB
Sardinia Beaches
- D17D57
≈ Jack-O-Lantern
Analogo -30° +30°
- 28A4CB
Sardinia Beaches
- 00ABAB
≈ Jade Orchid
- 6298DC
≈ Little Boy Blue
Triadico +120° +240°
- 28A4CB
Sardinia Beaches
- C877A6
≈ Strawberry Freeze
- A19939
≈ Be Yourself
Complementare divisa +150° +210°
- 28A4CB
Sardinia Beaches
- D3767F
≈ Lotus Red
- BF8A38
≈ Butter Base
Tetradico +90° +180° +270°
- 28A4CB
Sardinia Beaches
- B07FC7
≈ Wisteria
- D17D57
≈ Jack-O-Lantern
- 76A559
≈ Grassy Meadow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.89:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.26:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.26:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--sardinia-beaches: #28a4cb;
--sardinia-beaches-rgb: 40 164 203;
--sardinia-beaches-oklch: oklch(0.671 0.117 224.6);
}
.element {
color: var(--sardinia-beaches);
background-color: hsl(194 67% 48%);
border-color: oklch(0.671 0.117 224.6);
}Tailwind CSS v4
@theme {
--color-sardinia-beaches: #28a4cb;
--color-sardinia-beaches-50: #d3fdff;
--color-sardinia-beaches-100: #bff1ff;
--color-sardinia-beaches-200: #9edffb;
--color-sardinia-beaches-300: #72c4e6;
--color-sardinia-beaches-400: #3fadd2;
--color-sardinia-beaches-500: #0095c0;
--color-sardinia-beaches-600: #007ea2;
--color-sardinia-beaches-700: #006582;
--color-sardinia-beaches-800: #004b5f;
--color-sardinia-beaches-900: #003443;
--color-sardinia-beaches-950: #001f2b;
}SCSS
$sardinia-beaches: #28a4cb;
$sardinia-beaches-rgb: 40, 164, 203;
$sardinia-beaches-light: mix(#fff, $sardinia-beaches, 20%);
$sardinia-beaches-dark: mix(#000, $sardinia-beaches, 20%);
.element {
color: $sardinia-beaches;
box-shadow: 0 0 0 2px rgba($sardinia-beaches, 0.35);
}