Color con nombre más cercano · #9BB0C9
#9BB0C9
Color con nombre más cercano: Mont Blanc
#9BB0C9 (rgb(155 176 201), hsl(213 30% 70%), oklch(0.749 0.043 252.9)) se parece más al color con nombre Mont Blanc. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9BB0C9
oklch(0.749 0.043 252.9)
Conversiones de color
- HEX
- #9bb0c9
- RGB
- rgb(155 176 201)
- HSL
- hsl(213 30% 70%)
- HWB
- hwb(213 61% 21%)
- OKLCH
- oklch(0.749 0.043 252.9)
- OKLab
- oklab(0.749 -0.013 -0.041)
- CIE Lab
- lab(70.84 -3.38 -15.33)
- LCH
- lch(70.84 15.7 257.6)
- CMYK
- cmyk(23% 12% 0% 21%)
Tintes · Sombras · Tonos
Tintes
- A5B8CE
- AEBFD4
- B8C7D9
- C2CFDF
- CCD7E4
- D6DFE9
- E0E7EF
- EAEFF4
- F5F7FA
Sombras
- 8699AE
- 728295
- 5E6C7C
- 4B5664
- 39424C
- 282E36
- 181C22
- 090B0F
- 010102
Tonos
- 98ABC2
- 96A6BA
- 93A1B3
- 909DAB
- 8E98A4
- 8B939D
- 888E95
- 85898E
- 838587
Armonías de color
Complementario +180°
- 9BB0C9
Mont Blanc
- BFAA90
≈ 3AM Latte
Análogo -30° +30°
- 9BB0C9
Mont Blanc
- 91B4C2
≈ Bright Bluebonnet
- A9ABC9
≈ Cosmic Sky
Triádico +120° +240°
- 9BB0C9
Mont Blanc
- C8A3A6
≈ Pale Mauve
- A3B498
≈ Banksia
Complementario dividido +150° +210°
- 9BB0C9
Mont Blanc
- C6A698
≈ Howdy Partner
- B2AF90
≈ That’s Atomic
Tetrádico +90° +180° +270°
- 9BB0C9
Mont Blanc
- C2A3B5
≈ Hollyhock Pink
- BFAA90
≈ 3AM Latte
- 96B7A6
≈ Nile River
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.22:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.44:1 · APCA Lc 58
Mejor color de texto: #000000
WCAG 9.44:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmentos de código
CSS
:root {
--mont-blanc: #9bb0c9;
--mont-blanc-rgb: 155 176 201;
--mont-blanc-oklch: oklch(0.749 0.043 252.9);
}
.element {
color: var(--mont-blanc);
background-color: hsl(213 30% 70%);
border-color: oklch(0.749 0.043 252.9);
}Tailwind CSS v4
@theme {
--color-mont-blanc: #9bb0c9;
--color-mont-blanc-50: #edf6ff;
--color-mont-blanc-100: #dfe9f6;
--color-mont-blanc-200: #c8d6e7;
--color-mont-blanc-300: #a9b9ce;
--color-mont-blanc-400: #8da0b8;
--color-mont-blanc-500: #7288a3;
--color-mont-blanc-600: #617389;
--color-mont-blanc-700: #4d5c6e;
--color-mont-blanc-800: #374451;
--color-mont-blanc-900: #262f38;
--color-mont-blanc-950: #141b23;
}SCSS
$mont-blanc: #9bb0c9;
$mont-blanc-rgb: 155, 176, 201;
$mont-blanc-light: mix(#fff, $mont-blanc, 20%);
$mont-blanc-dark: mix(#000, $mont-blanc, 20%);
.element {
color: $mont-blanc;
box-shadow: 0 0 0 2px rgba($mont-blanc, 0.35);
}