Color con nombre · #B5CBBD
Matte Jade Green
Matte Jade Green es #B5CBBD: rgb(181 203 189), hsl(142 17% 75%), oklch(0.822 0.031 157.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Matte Jade Green color name →
#B5CBBD
oklch(0.822 0.031 157.8)
Conversiones de color
- HEX
- #b5cbbd
- RGB
- rgb(181 203 189)
- HSL
- hsl(142 17% 75%)
- HWB
- hwb(142 71% 20%)
- OKLCH
- oklch(0.822 0.031 157.8)
- OKLab
- oklab(0.822 -0.028 0.012)
- CIE Lab
- lab(79.72 -9.72 4.35)
- LCH
- lch(79.72 10.65 155.9)
- CMYK
- cmyk(11% 0% 7% 20%)
Tintes · Sombras · Tonos
Tintes
- BCD0C3
- C4D5CA
- CBDAD0
- D2E0D7
- DAE5DE
- E1EAE4
- E8EFEB
- F0F4F2
- F7FAF8
Sombras
- 9DB0A4
- 86968C
- 6F7D74
- 59655D
- 444D47
- 303733
- 1D221F
- 0C0F0D
- 020202
Tonos
- B0C3B7
- AABCB0
- A5B4AA
- A0ACA4
- 9AA59E
- 959D98
- 909692
- 8A8F8C
- 858786
Armonías de color
Complementario +180°
- B5CBBD
Matte Jade Green
- D3BDCC
≈ Tamed Beauty
Análogo -30° +30°
- B5CBBD
Matte Jade Green
- BFC9B4
≈ Clay Ash
- AFCBC8
≈ Seaport Steam
Triádico +120° +240°
- B5CBBD
Matte Jade Green
- BFC3D9
≈ Lavender Escape
- D7BEB7
≈ Rose Yoghurt
Complementario dividido +150° +210°
- B5CBBD
Matte Jade Green
- CAC0D4
≈ Powder Viola
- D7BDC1
≈ Lilac Buds
Tetrádico +90° +180° +270°
- B5CBBD
Matte Jade Green
- B6C7D8
≈ Blue Ballerina
- D3BDCC
≈ Tamed Beauty
- D2C1B0
≈ Avenue Tan
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.24:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--matte-jade-green: #b5cbbd;
--matte-jade-green-rgb: 181 203 189;
--matte-jade-green-oklch: oklch(0.822 0.031 157.8);
}
.element {
color: var(--matte-jade-green);
background-color: hsl(142 17% 75%);
border-color: oklch(0.822 0.031 157.8);
}Tailwind CSS v4
@theme {
--color-matte-jade-green: #b5cbbd;
--color-matte-jade-green-50: #eef8f2;
--color-matte-jade-green-100: #e0ebe4;
--color-matte-jade-green-200: #cad8d0;
--color-matte-jade-green-300: #abbcb2;
--color-matte-jade-green-400: #90a497;
--color-matte-jade-green-500: #768d7e;
--color-matte-jade-green-600: #64776b;
--color-matte-jade-green-700: #505f55;
--color-matte-jade-green-800: #3a463e;
--color-matte-jade-green-900: #28302b;
--color-matte-jade-green-950: #161c18;
}SCSS
$matte-jade-green: #b5cbbd;
$matte-jade-green-rgb: 181, 203, 189;
$matte-jade-green-light: mix(#fff, $matte-jade-green, 20%);
$matte-jade-green-dark: mix(#000, $matte-jade-green, 20%);
.element {
color: $matte-jade-green;
box-shadow: 0 0 0 2px rgba($matte-jade-green, 0.35);
}