Benoemde kleur · #B5CBBD
Matte Jade Green
Matte Jade Green is #B5CBBD: rgb(181 203 189), hsl(142 17% 75%), oklch(0.822 0.031 157.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Matte Jade Green color name →
#B5CBBD
oklch(0.822 0.031 157.8)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- BCD0C3
- C4D5CA
- CBDAD0
- D2E0D7
- DAE5DE
- E1EAE4
- E8EFEB
- F0F4F2
- F7FAF8
Schaduwen
- 9DB0A4
- 86968C
- 6F7D74
- 59655D
- 444D47
- 303733
- 1D221F
- 0C0F0D
- 020202
Tonen
- B0C3B7
- AABCB0
- A5B4AA
- A0ACA4
- 9AA59E
- 959D98
- 909692
- 8A8F8C
- 858786
Kleurharmonieën
Complementair +180°
- B5CBBD
Matte Jade Green
- D3BDCC
≈ Tamed Beauty
Analoog -30° +30°
- B5CBBD
Matte Jade Green
- BFC9B4
≈ Clay Ash
- AFCBC8
≈ Seaport Steam
Triadisch +120° +240°
- B5CBBD
Matte Jade Green
- BFC3D9
≈ Lavender Escape
- D7BEB7
≈ Rose Yoghurt
Gesplitst complementair +150° +210°
- B5CBBD
Matte Jade Green
- CAC0D4
≈ Powder Viola
- D7BDC1
≈ Lilac Buds
Tetradisch +90° +180° +270°
- B5CBBD
Matte Jade Green
- B6C7D8
≈ Blue Ballerina
- D3BDCC
≈ Tamed Beauty
- D2C1B0
≈ Avenue Tan
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.71:1 · APCA Lc 31
Ag
AAAOp zwart
WCAG 12.24:1 · APCA Lc 72
Beste tekstkleur: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Codefragmenten
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);
}