Benoemde kleur · #BBC8B2
Composed
Composed is #BBC8B2: rgb(187 200 178), hsl(95 17% 74%), oklch(0.817 0.033 132.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Composed color name →
#BBC8B2
oklch(0.817 0.033 132.3)
Kleurconversies
- HEX
- #bbc8b2
- RGB
- rgb(187 200 178)
- HSL
- hsl(95 17% 74%)
- HWB
- hwb(95 70% 22%)
- OKLCH
- oklch(0.817 0.033 132.3)
- OKLab
- oklab(0.817 -0.022 0.025)
- CIE Lab
- lab(79.13 -7.61 9.45)
- LCH
- lch(79.13 12.13 128.8)
- CMYK
- cmyk(7% 0% 11% 22%)
Tinten · Schaduwen · Tonen
Tinten
- C2CDBA
- C8D3C1
- CFD8C9
- D6DED0
- DDE3D8
- E3E9E0
- EAEEE7
- F1F4EF
- F8F9F7
Schaduwen
- A2AE9A
- 8A9483
- 737B6D
- 5C6357
- 464C43
- 32362F
- 1F211D
- 0D0F0C
- 020201
Tonen
- B5C1AD
- AFB9A8
- A9B2A3
- A3AB9E
- 9DA399
- 979C94
- 91958F
- 8B8E8A
- 868785
Kleurharmonieën
Complementair +180°
- BBC8B2
Composed
- CABDD3
≈ Purpling Dawn
Analoog -30° +30°
- BBC8B2
Composed
- C7C4AC
≈ Tame Thyme
- B1CABD
≈ Misty Morning
Triadisch +120° +240°
- BBC8B2
Composed
- B4C5D9
≈ Spindle
- D8BBBD
≈ Bombay Pink
Gesplitst complementair +150° +210°
- BBC8B2
Composed
- BFC1D9
≈ Lavender Sachet
- D3BBC9
≈ Queen’s Tart
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.74:1 · APCA Lc 32
Ag
AAAOp zwart
WCAG 12.01:1 · APCA Lc 71
Beste tekstkleur: #000000
WCAG 12.01:1 (AAA) · APCA Lc 71
Contrast pairs
Codefragmenten
CSS
:root {
--composed: #bbc8b2;
--composed-rgb: 187 200 178;
--composed-oklch: oklch(0.817 0.033 132.3);
}
.element {
color: var(--composed);
background-color: hsl(95 17% 74%);
border-color: oklch(0.817 0.033 132.3);
}Tailwind CSS v4
@theme {
--color-composed: #bbc8b2;
--color-composed-50: #f1f7ee;
--color-composed-100: #e3ebdf;
--color-composed-200: #ced8c9;
--color-composed-300: #b0bbaa;
--color-composed-400: #97a38f;
--color-composed-500: #7e8b75;
--color-composed-600: #6b7663;
--color-composed-700: #555e4f;
--color-composed-800: #3e4539;
--color-composed-900: #2b3027;
--color-composed-950: #181c15;
}SCSS
$composed: #bbc8b2;
$composed-rgb: 187, 200, 178;
$composed-light: mix(#fff, $composed, 20%);
$composed-dark: mix(#000, $composed, 20%);
.element {
color: $composed;
box-shadow: 0 0 0 2px rgba($composed, 0.35);
}