Colore con nome · #79C9D1
Valonia
Valonia è #79C9D1: rgb(121 201 209), hsl(185 49% 65%), oklch(0.787 0.079 203.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Valonia color name →
#79C9D1
oklch(0.787 0.079 203.9)
Conversioni di colore
- HEX
- #79c9d1
- RGB
- rgb(121 201 209)
- HSL
- hsl(185 49% 65%)
- HWB
- hwb(185 47% 18%)
- OKLCH
- oklch(0.787 0.079 203.9)
- OKLab
- oklab(0.787 -0.073 -0.032)
- CIE Lab
- lab(76.06 -24.07 -12.15)
- LCH
- lch(76.06 26.96 206.8)
- CMYK
- cmyk(42% 4% 0% 18%)
Tinte · Ombre · Toni
Tinte
- 88CED6
- 96D4DA
- A4D9DF
- B1DFE3
- BFE4E8
- CCEAED
- D9EFF1
- E5F4F6
- F2FAFA
Ombre
- 68AEB5
- 58959B
- 487C81
- 396468
- 2B4C50
- 1D3639
- 102223
- 050F10
- 010202
Toni
- 7BC2C9
- 7DBAC0
- 7EB3B8
- 7FABB0
- 80A4A8
- 819DA0
- 819698
- 818E90
- 818788
Armonie di colore
Complementare +180°
- 79C9D1
Valonia
- E9A6A1
≈ Faithful Rose
Analogo -30° +30°
- 79C9D1
Valonia
- 82CBB6
≈ Pale Teal
- 86C3E5
≈ Club Cruise
Triadico +120° +240°
- 79C9D1
Valonia
- D4A9D7
≈ Favourite Lavender
- D2B67F
≈ Clumsy Caramel
Complementare divisa +150° +210°
- 79C9D1
Valonia
- E3A5BD
≈ Think Pink
- E3AC8A
≈ Ancient Inca
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.08:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.08:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--valonia: #79c9d1;
--valonia-rgb: 121 201 209;
--valonia-oklch: oklch(0.787 0.079 203.9);
}
.element {
color: var(--valonia);
background-color: hsl(185 49% 65%);
border-color: oklch(0.787 0.079 203.9);
}Tailwind CSS v4
@theme {
--color-valonia: #79c9d1;
--color-valonia-50: #dcfcff;
--color-valonia-100: #caf0f5;
--color-valonia-200: #addfe5;
--color-valonia-300: #86c4cb;
--color-valonia-400: #61acb4;
--color-valonia-500: #38959e;
--color-valonia-600: #317e86;
--color-valonia-700: #27656b;
--color-valonia-800: #1a4a4e;
--color-valonia-900: #113436;
--color-valonia-950: #031f21;
}SCSS
$valonia: #79c9d1;
$valonia-rgb: 121, 201, 209;
$valonia-light: mix(#fff, $valonia, 20%);
$valonia-dark: mix(#000, $valonia, 20%);
.element {
color: $valonia;
box-shadow: 0 0 0 2px rgba($valonia, 0.35);
}