Colore con nome più vicino · #00779E
#00779E
Colore con nome più vicino: Bleu Ciel
#00779E (rgb(0 119 158), hsl(195 100% 31%), oklch(0.533 0.106 230)) è più vicino al colore con nome Bleu Ciel. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#00779E
oklch(0.533 0.106 230)
Conversioni di colore
- HEX
- #00779e
- RGB
- rgb(0 119 158)
- HSL
- hsl(195 100% 31%)
- HWB
- hwb(195 0% 38%)
- OKLCH
- oklch(0.533 0.106 230)
- OKLab
- oklab(0.533 -0.068 -0.081)
- CIE Lab
- lab(46.04 -17.8 -29.49)
- LCH
- lch(46.04 34.45 238.9)
- CMYK
- cmyk(100% 25% 0% 38%)
Tinte · Ombre · Toni
Tinte
- 3184A8
- 4C92B2
- 649FBB
- 7BADC5
- 91BACF
- A7C8D8
- BDD5E2
- D3E3EC
- E9F1F5
Ombre
- 006789
- 005774
- 004760
- 00384D
- 002A3A
- 001C29
- 001018
- 000509
- 000101
Toni
- 22789B
- 337999
- 407B96
- 4B7C93
- 557D90
- 5F7D8D
- 677E8A
- 707F87
- 787F83
Armonie di colore
Complementare +180°
- 00779E
Bleu Ciel
- 9D582F
≈ Warmth
Analogo -30° +30°
- 00779E
Bleu Ciel
- 007C81
≈ Macquarie
- 476CAA
≈ New Age Blue
Triadico +120° +240°
- 00779E
Bleu Ciel
- 9A5175
≈ Sea Fan Fuchsia
- 717119
≈ Bronze Yellow
Complementare divisa +150° +210°
- 00779E
Bleu Ciel
- A15153
≈ Cranberry Jam
- 8D650D
≈ Alligator
Tetradico +90° +180° +270°
- 00779E
Bleu Ciel
- 885793
≈ Purple Tanzanite
- 9D582F
≈ Warmth
- 497B3E
≈ Nereus
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.08:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.13:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.08:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--bleu-ciel: #00779e;
--bleu-ciel-rgb: 0 119 158;
--bleu-ciel-oklch: oklch(0.533 0.106 230);
}
.element {
color: var(--bleu-ciel);
background-color: hsl(195 100% 31%);
border-color: oklch(0.533 0.106 230);
}Tailwind CSS v4
@theme {
--color-bleu-ciel: #00779e;
--color-bleu-ciel-50: #d8fbff;
--color-bleu-ciel-100: #c5efff;
--color-bleu-ciel-200: #a7ddfa;
--color-bleu-ciel-300: #7ec1e5;
--color-bleu-ciel-400: #53aad1;
--color-bleu-ciel-500: #1c92bf;
--color-bleu-ciel-600: #1c7ca1;
--color-bleu-ciel-700: #176381;
--color-bleu-ciel-800: #0b495f;
--color-bleu-ciel-900: #073343;
--color-bleu-ciel-950: #001e2b;
}SCSS
$bleu-ciel: #00779e;
$bleu-ciel-rgb: 0, 119, 158;
$bleu-ciel-light: mix(#fff, $bleu-ciel, 20%);
$bleu-ciel-dark: mix(#000, $bleu-ciel, 20%);
.element {
color: $bleu-ciel;
box-shadow: 0 0 0 2px rgba($bleu-ciel, 0.35);
}