Benoemde kleur · #BBC5B2
Komorebi
Komorebi is #BBC5B2: rgb(187 197 178), hsl(92 14% 74%), oklch(0.81 0.028 129.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Komorebi color name →
#BBC5B2
oklch(0.81 0.028 129.9)
Kleurconversies
- HEX
- #bbc5b2
- RGB
- rgb(187 197 178)
- HSL
- hsl(92 14% 74%)
- HWB
- hwb(92 70% 23%)
- OKLCH
- oklch(0.81 0.028 129.9)
- OKLab
- oklab(0.81 -0.018 0.022)
- CIE Lab
- lab(78.33 -6.15 8.33)
- LCH
- lch(78.33 10.35 126.5)
- CMYK
- cmyk(5% 0% 10% 23%)
Tinten · Schaduwen · Tonen
Tinten
- C2CBBA
- C8D0C1
- CFD6C9
- D6DCD0
- DDE2D8
- E3E8E0
- EAEDE7
- F1F3EF
- F8F9F7
Schaduwen
- A2AB9A
- 8A9283
- 73796D
- 5C6157
- 464B43
- 32352F
- 1F211D
- 0D0E0C
- 020201
Tonen
- B5BEAD
- AFB7A8
- A9B0A3
- A3A99E
- 9DA299
- 979B94
- 91948F
- 8B8D8A
- 868785
Kleurharmonieën
Complementair +180°
- BBC5B2
Komorebi
- C7BCCF
≈ Purpling Dawn
Analoog -30° +30°
- BBC5B2
Komorebi
- C5C2AD
≈ Brown Buzz
- B2C7BB
≈ Pine Whisper
Triadisch +120° +240°
- BBC5B2
Komorebi
- B4C3D3
≈ Elevated
- D3BABD
≈ Mediterranean Sunset
Gesplitst complementair +150° +210°
- BBC5B2
Komorebi
- BDBFD4
≈ Sweet Juliet
- CEBAC7
≈ Rose Marble
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.78:1 · APCA Lc 33
Ag
AAAOp zwart
WCAG 11.74:1 · APCA Lc 70
Beste tekstkleur: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Codefragmenten
CSS
:root {
--komorebi: #bbc5b2;
--komorebi-rgb: 187 197 178;
--komorebi-oklch: oklch(0.81 0.028 129.9);
}
.element {
color: var(--komorebi);
background-color: hsl(92 14% 74%);
border-color: oklch(0.81 0.028 129.9);
}Tailwind CSS v4
@theme {
--color-komorebi: #bbc5b2;
--color-komorebi-50: #f2f7ef;
--color-komorebi-100: #e4eae0;
--color-komorebi-200: #d0d7cb;
--color-komorebi-300: #b2bbac;
--color-komorebi-400: #99a291;
--color-komorebi-500: #808a77;
--color-komorebi-600: #6c7565;
--color-komorebi-700: #575e50;
--color-komorebi-800: #3f443a;
--color-komorebi-900: #2c2f28;
--color-komorebi-950: #191c16;
}SCSS
$komorebi: #bbc5b2;
$komorebi-rgb: 187, 197, 178;
$komorebi-light: mix(#fff, $komorebi, 20%);
$komorebi-dark: mix(#000, $komorebi, 20%);
.element {
color: $komorebi;
box-shadow: 0 0 0 2px rgba($komorebi, 0.35);
}