Cor nomeada · #B7BFB0
Kahili
Kahili é #B7BFB0: rgb(183 191 176), hsl(92 10% 72%), oklch(0.794 0.023 130.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Kahili color name →
#B7BFB0
oklch(0.794 0.023 130.1)
Conversões de cor
- HEX
- #b7bfb0
- RGB
- rgb(183 191 176)
- HSL
- hsl(92 10% 72%)
- HWB
- hwb(92 69% 25%)
- OKLCH
- oklch(0.794 0.023 130.1)
- OKLab
- oklab(0.794 -0.015 0.017)
- CIE Lab
- lab(76.39 -4.93 6.59)
- LCH
- lch(76.39 8.23 126.8)
- CMYK
- cmyk(4% 0% 8% 25%)
Tons claros · Sombras · Tons
Tons claros
- BEC5B8
- C5CCBF
- CCD2C7
- D3D8CF
- DADFD7
- E2E5DF
- E9EBE7
- F0F2EF
- F8F8F7
Sombras
- 9FA699
- 878D82
- 70756C
- 5A5E56
- 454842
- 31332E
- 1E1F1C
- 0C0D0B
- 020201
Tons
- B1B9AB
- ACB2A6
- A6ACA1
- A1A59D
- 9B9F98
- 969993
- 90928E
- 8B8C89
- 858685
Harmonias de cor
Complementar +180°
- B7BFB0
Kahili
- C0B8C7
≈ Pocketful of Posies
Análoga -30° +30°
- B7BFB0
Kahili
- BFBCAC
≈ Pelican
- B0C1B7
≈ April Thicket
Tríade +120° +240°
- B7BFB0
Kahili
- B1BDCA
≈ Stainless Steel
- CAB6B8
≈ Puka Shell
Complementar dividida +150° +210°
- B7BFB0
Kahili
- B9BBCB
≈ Cosmic
- C6B6C0
≈ Lavender Sand
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASobre preto
WCAG 11.09:1 · APCA Lc 66
Melhor cor de texto: #000000
WCAG 11.09:1 (AAA) · APCA Lc 66
Contrast pairs
Trechos de código
CSS
:root {
--kahili: #b7bfb0;
--kahili-rgb: 183 191 176;
--kahili-oklch: oklch(0.794 0.023 130.1);
}
.element {
color: var(--kahili);
background-color: hsl(92 10% 72%);
border-color: oklch(0.794 0.023 130.1);
}Tailwind CSS v4
@theme {
--color-kahili: #b7bfb0;
--color-kahili-50: #f3f7f0;
--color-kahili-100: #e5eae2;
--color-kahili-200: #d1d6cd;
--color-kahili-300: #b3baae;
--color-kahili-400: #9aa193;
--color-kahili-500: #81897a;
--color-kahili-600: #6d7467;
--color-kahili-700: #575d52;
--color-kahili-800: #40443c;
--color-kahili-900: #2c2f29;
--color-kahili-950: #191b17;
}SCSS
$kahili: #b7bfb0;
$kahili-rgb: 183, 191, 176;
$kahili-light: mix(#fff, $kahili, 20%);
$kahili-dark: mix(#000, $kahili, 20%);
.element {
color: $kahili;
box-shadow: 0 0 0 2px rgba($kahili, 0.35);
}