Nearest named color · #00779E
#00779E
Nearest named color: Bleu Ciel
#00779E (rgb(0 119 158), hsl(195 100% 31%), oklch(0.533 0.106 230)) is closest to the named color Bleu Ciel. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00779E
oklch(0.533 0.106 230)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 3184A8
- 4C92B2
- 649FBB
- 7BADC5
- 91BACF
- A7C8D8
- BDD5E2
- D3E3EC
- E9F1F5
Shades
- 006789
- 005774
- 004760
- 00384D
- 002A3A
- 001C29
- 001018
- 000509
- 000101
Tones
- 22789B
- 337999
- 407B96
- 4B7C93
- 557D90
- 5F7D8D
- 677E8A
- 707F87
- 787F83
Color harmonies
Complementary +180°
- 00779E
Bleu Ciel
- 9D582F
≈ Warmth
Analogous -30° +30°
- 00779E
Bleu Ciel
- 007C81
≈ Macquarie
- 476CAA
≈ New Age Blue
Triadic +120° +240°
- 00779E
Bleu Ciel
- 9A5175
≈ Sea Fan Fuchsia
- 717119
≈ Bronze Yellow
Split-complementary +150° +210°
- 00779E
Bleu Ciel
- A15153
≈ Cranberry Jam
- 8D650D
≈ Alligator
Tetradic +90° +180° +270°
- 00779E
Bleu Ciel
- 885793
≈ Purple Tanzanite
- 9D582F
≈ Warmth
- 497B3E
≈ Nereus
Contrast & accessibility
Ag
AAOn white
WCAG 5.08:1 · APCA Lc 74
Ag
FailOn black
WCAG 4.13:1 · APCA Lc 27
Best text color: #FFFFFF
WCAG 5.08:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
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);
}