Couleur nommée la plus proche · #7EB0BC
#7EB0BC
Couleur nommée la plus proche: Glacier
#7EB0BC (rgb(126 176 188), hsl(192 32% 62%), oklch(0.726 0.056 214.2)) est la plus proche de la couleur nommée Glacier. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#7EB0BC
oklch(0.726 0.056 214.2)
Conversions de couleur
- HEX
- #7eb0bc
- RGB
- rgb(126 176 188)
- HSL
- hsl(192 32% 62%)
- HWB
- hwb(192 49% 26%)
- OKLCH
- oklch(0.726 0.056 214.2)
- OKLab
- oklab(0.726 -0.046 -0.031)
- CIE Lab
- lab(68.62 -14.94 -11.77)
- LCH
- lch(68.62 19.02 218.2)
- CMYK
- cmyk(33% 6% 0% 26%)
Teintes · Ombres · Tons
Teintes
- 8BB8C3
- 98C0C9
- A5C7D0
- B2CFD7
- BED7DD
- CBDFE4
- D8E7EB
- E5EFF1
- F2F7F8
Ombres
- 6D99A3
- 5C828B
- 4C6C73
- 3C565D
- 2D4247
- 1F2E32
- 111C1F
- 050B0D
- 010102
Tons
- 7FABB6
- 7FA6B0
- 80A1AA
- 809DA4
- 80989E
- 819398
- 818E92
- 818A8C
- 808586
Harmonies de couleurs
Complémentaire +180°
- 7EB0BC
Glacier
- C79B90
≈ Calliope
Analogue -30° +30°
- 7EB0BC
Glacier
- 7FB2AA
≈ Melodious
- 89ABC7
≈ Colorado Springs
Triadique +120° +240°
- 7EB0BC
Glacier
- BD9AB5
≈ Cherished
- B2A67F
≈ Sedia
Complémentaire divisée +150° +210°
- 7EB0BC
Glacier
- C698A2
≈ Rose Meadow
- C0A082
≈ Milano
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.38:1 · APCA Lc 47
Ag
AAASur noir
WCAG 8.82:1 · APCA Lc 55
Meilleure couleur de texte: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Extraits de code
CSS
:root {
--glacier: #7eb0bc;
--glacier-rgb: 126 176 188;
--glacier-oklch: oklch(0.726 0.056 214.2);
}
.element {
color: var(--glacier);
background-color: hsl(192 32% 62%);
border-color: oklch(0.726 0.056 214.2);
}Tailwind CSS v4
@theme {
--color-glacier: #7eb0bc;
--color-glacier-50: #e4faff;
--color-glacier-100: #d4edf4;
--color-glacier-200: #bbdbe4;
--color-glacier-300: #98bfca;
--color-glacier-400: #78a7b3;
--color-glacier-500: #59909d;
--color-glacier-600: #4c7a85;
--color-glacier-700: #3c616a;
--color-glacier-800: #2b484e;
--color-glacier-900: #1d3236;
--color-glacier-950: #0d1e21;
}SCSS
$glacier: #7eb0bc;
$glacier-rgb: 126, 176, 188;
$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);
}