Benannte Farbe · #B9C6CA
Soft Denim
Soft Denim ist #B9C6CA: rgb(185 198 202), hsl(194 14% 76%), oklch(0.818 0.015 218.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Soft Denim color name →
#B9C6CA
oklch(0.818 0.015 218.1)
Farbumrechnungen
- HEX
- #b9c6ca
- RGB
- rgb(185 198 202)
- HSL
- hsl(194 14% 76%)
- HWB
- hwb(194 73% 21%)
- OKLCH
- oklch(0.818 0.015 218.1)
- OKLab
- oklab(0.818 -0.012 -0.009)
- CIE Lab
- lab(78.96 -4.02 -3.62)
- LCH
- lch(78.96 5.41 222)
- CMYK
- cmyk(8% 2% 0% 21%)
Tints · Shades · Tones
Tints
- C0CCCF
- C7D1D4
- CED7DA
- D5DCDF
- DCE2E4
- E3E8EA
- EAEEEF
- F1F3F4
- F8F9FA
Shades
- A0ACAF
- 899295
- 717A7C
- 5B6264
- 464B4D
- 313537
- 1E2122
- 0D0E0F
- 020202
Tones
- B3BFC2
- ADB8BB
- A8B0B3
- A2A9AC
- 9CA2A4
- 969B9D
- 919496
- 8B8E8E
- 868787
Farbharmonien
Komplementär +180°
- B9C6CA
Soft Denim
- CDC0BC
≈ Vintage Taupe
Analog -30° +30°
- B9C6CA
Soft Denim
- B9C7C5
≈ Silver Whiskers
- BCC4CD
≈ Blue Dolphin
Triadisch +120° +240°
- B9C6CA
Soft Denim
- CAC0C7
≈ Silk Chiffon
- C6C4B9
≈ Union Station
Geteilt komplementär +150° +210°
- B9C6CA
Soft Denim
- CDBFC1
≈ Nantucket Mist
- CAC2B9
≈ Pumice Stone
Tetradisch +90° +180° +270°
- B9C6CA
Soft Denim
- C6C1CB
≈ Grape Mist
- CDC0BC
≈ Vintage Taupe
- C0C5BB
≈ Riverdale
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.75:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.99:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 11.99:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--soft-denim: #b9c6ca;
--soft-denim-rgb: 185 198 202;
--soft-denim-oklch: oklch(0.818 0.015 218.1);
}
.element {
color: var(--soft-denim);
background-color: hsl(194 14% 76%);
border-color: oklch(0.818 0.015 218.1);
}Tailwind CSS v4
@theme {
--color-soft-denim: #b9c6ca;
--color-soft-denim-50: #f1f6f8;
--color-soft-denim-100: #e3e9eb;
--color-soft-denim-200: #cdd6d9;
--color-soft-denim-300: #afb9bd;
--color-soft-denim-400: #95a1a4;
--color-soft-denim-500: #7b898d;
--color-soft-denim-600: #697477;
--color-soft-denim-700: #535d5f;
--color-soft-denim-800: #3d4446;
--color-soft-denim-900: #2a2f30;
--color-soft-denim-950: #171b1d;
}SCSS
$soft-denim: #b9c6ca;
$soft-denim-rgb: 185, 198, 202;
$soft-denim-light: mix(#fff, $soft-denim, 20%);
$soft-denim-dark: mix(#000, $soft-denim, 20%);
.element {
color: $soft-denim;
box-shadow: 0 0 0 2px rgba($soft-denim, 0.35);
}