Color con nombre · #B4CCBD
Mint Mousse
Mint Mousse es #B4CCBD: rgb(180 204 189), hsl(143 19% 75%), oklch(0.823 0.033 158.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Mint Mousse color name →
#B4CCBD
oklch(0.823 0.033 158.2)
Conversiones de color
- HEX
- #b4ccbd
- RGB
- rgb(180 204 189)
- HSL
- hsl(143 19% 75%)
- HWB
- hwb(143 71% 20%)
- OKLCH
- oklch(0.823 0.033 158.2)
- OKLab
- oklab(0.823 -0.031 0.012)
- CIE Lab
- lab(79.91 -10.55 4.62)
- LCH
- lch(79.91 11.52 156.3)
- CMYK
- cmyk(12% 0% 7% 20%)
Tintes · Sombras · Tonos
Tintes
- BBD1C3
- C3D6CA
- CADBD0
- D2E0D7
- D9E5DE
- E1EAE4
- E8F0EB
- F0F5F2
- F7FAF8
Sombras
- 9CB1A4
- 85978C
- 6E7E74
- 58655D
- 444E47
- 303733
- 1D221F
- 0C0F0D
- 020202
Tonos
- AFC4B7
- A9BCB0
- A4B5AA
- 9FADA4
- 9AA59E
- 959E98
- 8F9692
- 8A8F8C
- 858786
Armonías de color
Complementario +180°
- B4CCBD
Mint Mousse
- D4BDCD
≈ Tamed Beauty
Análogo -30° +30°
- B4CCBD
Mint Mousse
- BFCAB3
≈ Bok Choy
- AECCC9
≈ Baroque Chalk Soft Blue
Triádico +120° +240°
- B4CCBD
Mint Mousse
- C0C3DB
≈ Lavender Sachet
- D9BEB6
≈ Peach Blush
Complementario dividido +150° +210°
- B4CCBD
Mint Mousse
- CBC0D6
≈ Awesome Aura
- D9BDC1
≈ Lilac Buds
Tetrádico +90° +180° +270°
- B4CCBD
Mint Mousse
- B5C7DA
≈ Blue Ballerina
- D4BDCD
≈ Tamed Beauty
- D4C2AF
≈ Autumn Haze
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.70:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.31:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.31:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--mint-mousse: #b4ccbd;
--mint-mousse-rgb: 180 204 189;
--mint-mousse-oklch: oklch(0.823 0.033 158.2);
}
.element {
color: var(--mint-mousse);
background-color: hsl(143 19% 75%);
border-color: oklch(0.823 0.033 158.2);
}Tailwind CSS v4
@theme {
--color-mint-mousse: #b4ccbd;
--color-mint-mousse-50: #edf8f2;
--color-mint-mousse-100: #dfebe4;
--color-mint-mousse-200: #c9d9cf;
--color-mint-mousse-300: #aabdb2;
--color-mint-mousse-400: #8fa597;
--color-mint-mousse-500: #748d7e;
--color-mint-mousse-600: #63776b;
--color-mint-mousse-700: #4f6055;
--color-mint-mousse-800: #39463e;
--color-mint-mousse-900: #27302a;
--color-mint-mousse-950: #151d18;
}SCSS
$mint-mousse: #b4ccbd;
$mint-mousse-rgb: 180, 204, 189;
$mint-mousse-light: mix(#fff, $mint-mousse, 20%);
$mint-mousse-dark: mix(#000, $mint-mousse, 20%);
.element {
color: $mint-mousse;
box-shadow: 0 0 0 2px rgba($mint-mousse, 0.35);
}