Cor nomeada · #BBC5B2
Komorebi
Komorebi é #BBC5B2: rgb(187 197 178), hsl(92 14% 74%), oklch(0.81 0.028 129.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Komorebi color name →
#BBC5B2
oklch(0.81 0.028 129.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C2CBBA
- C8D0C1
- CFD6C9
- D6DCD0
- DDE2D8
- E3E8E0
- EAEDE7
- F1F3EF
- F8F9F7
Sombras
- A2AB9A
- 8A9283
- 73796D
- 5C6157
- 464B43
- 32352F
- 1F211D
- 0D0E0C
- 020201
Tons
- B5BEAD
- AFB7A8
- A9B0A3
- A3A99E
- 9DA299
- 979B94
- 91948F
- 8B8D8A
- 868785
Harmonias de cor
Complementar +180°
- BBC5B2
Komorebi
- C7BCCF
≈ Purpling Dawn
Análoga -30° +30°
- BBC5B2
Komorebi
- C5C2AD
≈ Brown Buzz
- B2C7BB
≈ Pine Whisper
Tríade +120° +240°
- BBC5B2
Komorebi
- B4C3D3
≈ Elevated
- D3BABD
≈ Mediterranean Sunset
Complementar dividida +150° +210°
- BBC5B2
Komorebi
- BDBFD4
≈ Sweet Juliet
- CEBAC7
≈ Rose Marble
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.74:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
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);
}