Benannte Farbe · #B6B8BD
Let It Rain
Let It Rain ist #B6B8BD: rgb(182 184 189), hsl(223 5% 73%), oklch(0.783 0.007 268.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Let It Rain color name →
#B6B8BD
oklch(0.783 0.007 268.5)
Farbumrechnungen
- HEX
- #b6b8bd
- RGB
- rgb(182 184 189)
- HSL
- hsl(223 5% 73%)
- HWB
- hwb(223 71% 26%)
- OKLCH
- oklch(0.783 0.007 268.5)
- OKLab
- oklab(0.783 0 -0.007)
- CIE Lab
- lab(74.73 -0.02 -2.8)
- LCH
- lch(74.73 2.8 269.7)
- CMYK
- cmyk(4% 3% 0% 26%)
Tints · Shades · Tones
Tints
- BDBFC3
- C4C6CA
- CBCDD0
- D3D4D7
- DADBDE
- E1E2E4
- E9E9EB
- F0F0F2
- F7F8F8
Shades
- 9EA0A4
- 86888C
- 6F7174
- 595B5D
- 444547
- 303133
- 1D1E1F
- 0C0C0D
- 020202
Tones
- B0B2B7
- ABADB0
- A5A7AA
- A0A1A4
- 9B9C9E
- 959698
- 909092
- 8B8B8C
- 858586
Farbharmonien
Komplementär +180°
- B6B8BD
Let It Rain
- BAB8B3
≈ Dusty Warrior
Analog -30° +30°
- B6B8BD
Let It Rain
- B4B9BC
≈ Silver Mistral
- B9B7BC
≈ Best in Show
Triadisch +120° +240°
- B6B8BD
Let It Rain
- BDB6B5
≈ North Island
- B5B9B5
≈ Lunar Surface
Geteilt komplementär +150° +210°
- B6B8BD
Let It Rain
- BCB7B4
≈ Smooth Stone
- B7B9B4
≈ Greystone
Tetradisch +90° +180° +270°
- B6B8BD
Let It Rain
- BCB6B8
≈ Geneva Morn
- BAB8B3
≈ Dusty Warrior
- B3BAB8
≈ Loblolly
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.98:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.58:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.58:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--let-it-rain: #b6b8bd;
--let-it-rain-rgb: 182 184 189;
--let-it-rain-oklch: oklch(0.783 0.007 268.5);
}
.element {
color: var(--let-it-rain);
background-color: hsl(223 5% 73%);
border-color: oklch(0.783 0.007 268.5);
}Tailwind CSS v4
@theme {
--color-let-it-rain: #b6b8bd;
--color-let-it-rain-50: #f4f5f7;
--color-let-it-rain-100: #e7e8ea;
--color-let-it-rain-200: #d3d4d7;
--color-let-it-rain-300: #b6b7bb;
--color-let-it-rain-400: #9c9ea3;
--color-let-it-rain-500: #84868b;
--color-let-it-rain-600: #707176;
--color-let-it-rain-700: #595b5e;
--color-let-it-rain-800: #414245;
--color-let-it-rain-900: #2d2e30;
--color-let-it-rain-950: #1a1b1c;
}SCSS
$let-it-rain: #b6b8bd;
$let-it-rain-rgb: 182, 184, 189;
$let-it-rain-light: mix(#fff, $let-it-rain, 20%);
$let-it-rain-dark: mix(#000, $let-it-rain, 20%);
.element {
color: $let-it-rain;
box-shadow: 0 0 0 2px rgba($let-it-rain, 0.35);
}