Benannte Farbe · #B9D2D3
Relax
Relax ist #B9D2D3: rgb(185 210 211), hsl(182 23% 78%), oklch(0.846 0.027 199.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Relax color name →
#B9D2D3
oklch(0.846 0.027 199.6)
Farbumrechnungen
- HEX
- #b9d2d3
- RGB
- rgb(185 210 211)
- HSL
- hsl(182 23% 78%)
- HWB
- hwb(182 73% 17%)
- OKLCH
- oklch(0.846 0.027 199.6)
- OKLab
- oklab(0.846 -0.025 -0.009)
- CIE Lab
- lab(82.35 -8.52 -3.48)
- LCH
- lch(82.35 9.2 202.2)
- CMYK
- cmyk(12% 0% 0% 17%)
Tints · Shades · Tones
Tints
- C0D6D7
- C7DBDC
- CEDFE0
- D5E4E4
- DCE8E9
- E3EDED
- EAF1F2
- F1F6F6
- F8FAFB
Shades
- A0B6B7
- 899B9C
- 718182
- 5B6869
- 465051
- 31393A
- 1E2424
- 0D1010
- 020202
Tones
- B3C9CA
- ADC1C2
- A8B9B9
- A2B0B1
- 9CA8A9
- 97A0A0
- 919898
- 8B9090
- 868888
Farbharmonien
Komplementär +180°
- B9D2D3
Relax
- DEC6C5
≈ Pocketful of Promise
Analog -30° +30°
- B9D2D3
Relax
- BCD2C9
≈ Moon Glass
- BBD0DB
≈ Snowbell
Triadisch +120° +240°
- B9D2D3
Relax
- D4C7D8
≈ Modesty
- D6CBB9
≈ Gentle Shadows
Geteilt komplementär +150° +210°
- B9D2D3
Relax
- DBC6CF
≈ Light Lilac
- DCC8BD
≈ Malted
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.58:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.22:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.22:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--relax: #b9d2d3;
--relax-rgb: 185 210 211;
--relax-oklch: oklch(0.846 0.027 199.6);
}
.element {
color: var(--relax);
background-color: hsl(182 23% 78%);
border-color: oklch(0.846 0.027 199.6);
}Tailwind CSS v4
@theme {
--color-relax: #b9d2d3;
--color-relax-50: #edf8f8;
--color-relax-100: #deebec;
--color-relax-200: #c8d8d9;
--color-relax-300: #a8bcbd;
--color-relax-400: #8da4a4;
--color-relax-500: #728c8d;
--color-relax-600: #617677;
--color-relax-700: #4d5f5f;
--color-relax-800: #384546;
--color-relax-900: #263030;
--color-relax-950: #151c1c;
}SCSS
$relax: #b9d2d3;
$relax-rgb: 185, 210, 211;
$relax-light: mix(#fff, $relax, 20%);
$relax-dark: mix(#000, $relax, 20%);
.element {
color: $relax;
box-shadow: 0 0 0 2px rgba($relax, 0.35);
}