Nearest named color · #7BB4C0
#7BB4C0
Nearest named color: Glacier
#7BB4C0 (rgb(123 180 192), hsl(190 35% 62%), oklch(0.735 0.062 212.2)) is closest to the named color Glacier. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#7BB4C0
oklch(0.735 0.062 212.2)
Color conversions
- HEX
- #7bb4c0
- RGB
- rgb(123 180 192)
- HSL
- hsl(190 35% 62%)
- HWB
- hwb(190 48% 25%)
- OKLCH
- oklch(0.735 0.062 212.2)
- OKLab
- oklab(0.735 -0.052 -0.033)
- CIE Lab
- lab(69.7 -17 -12.37)
- LCH
- lch(69.7 21.02 216.1)
- CMYK
- cmyk(36% 6% 0% 25%)
Tints · Shades · Tones
Tints
- 89BBC6
- 96C3CC
- A3CAD3
- B0D2D9
- BDD9DF
- CAE1E6
- D8E8EC
- E5F0F2
- F2F7F9
Shades
- 6A9CA7
- 5A858E
- 4A6E76
- 3A585F
- 2C4449
- 1E3034
- 101D20
- 050C0E
- 010202
Tones
- 7CAFB9
- 7DA9B3
- 7EA4AC
- 7F9FA6
- 7F9AA0
- 809599
- 808F93
- 808A8D
- 808586
Color harmonies
Complementary +180°
- 7BB4C0
Glacier
- CD9C91
≈ Artefact
Analogous -30° +30°
- 7BB4C0
Glacier
- 7DB6AC
≈ Melodious
- 87AFCD
≈ Windy Day
Triadic +120° +240°
- 7BB4C0
Glacier
- C19BBB
≈ Lupine
- B7A97D
≈ Fresh Brew
Split-complementary +150° +210°
- 7BB4C0
Glacier
- CB99A6
≈ Cooing Doves
- C6A182
≈ Pacific Bluffs
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.29:1 · APCA Lc 45
Ag
AAAOn black
WCAG 9.13:1 · APCA Lc 57
Best text color: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Code snippets
CSS
:root {
--glacier: #7bb4c0;
--glacier-rgb: 123 180 192;
--glacier-oklch: oklch(0.735 0.062 212.2);
}
.element {
color: var(--glacier);
background-color: hsl(190 35% 62%);
border-color: oklch(0.735 0.062 212.2);
}Tailwind CSS v4
@theme {
--color-glacier: #7bb4c0;
--color-glacier-50: #e2faff;
--color-glacier-100: #d2eef5;
--color-glacier-200: #b7dce5;
--color-glacier-300: #94c0cb;
--color-glacier-400: #73a9b4;
--color-glacier-500: #52919e;
--color-glacier-600: #467b86;
--color-glacier-700: #38626b;
--color-glacier-800: #27484e;
--color-glacier-900: #1a3236;
--color-glacier-950: #0a1e21;
}SCSS
$glacier: #7bb4c0;
$glacier-rgb: 123, 180, 192;
$glacier-light: mix(#fff, $glacier, 20%);
$glacier-dark: mix(#000, $glacier, 20%);
.element {
color: $glacier;
box-shadow: 0 0 0 2px rgba($glacier, 0.35);
}