Nazwany kolor · #B5BBC7
Blunt
Blunt to #B5BBC7: rgb(181 187 199), hsl(220 14% 75%), oklch(0.791 0.018 264.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Blunt color name →
#B5BBC7
oklch(0.791 0.018 264.5)
Konwersje koloru
- HEX
- #b5bbc7
- RGB
- rgb(181 187 199)
- HSL
- hsl(220 14% 75%)
- HWB
- hwb(220 71% 22%)
- OKLCH
- oklch(0.791 0.018 264.5)
- OKLab
- oklab(0.791 -0.002 -0.018)
- CIE Lab
- lab(75.68 -0.4 -6.84)
- LCH
- lch(75.68 6.85 266.7)
- CMYK
- cmyk(9% 6% 0% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BCC2CD
- C3C8D2
- CBCFD8
- D2D6DD
- D9DDE3
- E1E3E8
- E8EAEE
- F0F1F4
- F7F8F9
Odcienie ciemniejsze
- 9DA2AD
- 868A93
- 6F737A
- 595C62
- 44464C
- 303236
- 1D1F21
- 0C0D0E
- 020202
Tony
- B0B5C0
- AAAFB8
- A5A9B1
- 9FA3AA
- 9A9DA3
- 95979C
- 909195
- 8A8B8E
- 858687
Harmonie kolorów
Komplementarna +180°
- B5BBC7
Blunt
- C0BAAE
≈ City Dweller
Analogowa -30° +30°
- B5BBC7
Blunt
- B0BDC5
≈ Ocean Drive
- BBB9C6
≈ Silverado Trail
Triada +120° +240°
- B5BBC7
Blunt
- C6B7B5
≈ Georgian Pink
- B4BEB4
≈ Wet Ash
Komplementarna rozszczepiona +150° +210°
- B5BBC7
Blunt
- C5B8B0
≈ Froth
- BABCAF
≈ Wharf Wind
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.92:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.89:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--blunt: #b5bbc7;
--blunt-rgb: 181 187 199;
--blunt-oklch: oklch(0.791 0.018 264.5);
}
.element {
color: var(--blunt);
background-color: hsl(220 14% 75%);
border-color: oklch(0.791 0.018 264.5);
}Tailwind CSS v4
@theme {
--color-blunt: #b5bbc7;
--color-blunt-50: #f3f5fb;
--color-blunt-100: #e5e8ee;
--color-blunt-200: #d1d4dc;
--color-blunt-300: #b3b7c1;
--color-blunt-400: #999faa;
--color-blunt-500: #808693;
--color-blunt-600: #6c727c;
--color-blunt-700: #575b63;
--color-blunt-800: #3f4249;
--color-blunt-900: #2b2e33;
--color-blunt-950: #191b1e;
}SCSS
$blunt: #b5bbc7;
$blunt-rgb: 181, 187, 199;
$blunt-light: mix(#fff, $blunt, 20%);
$blunt-dark: mix(#000, $blunt, 20%);
.element {
color: $blunt;
box-shadow: 0 0 0 2px rgba($blunt, 0.35);
}