Benannte Farbe · #B3C4D8
Spindle
Spindle ist #B3C4D8: rgb(179 196 216), hsl(212 32% 77%), oklch(0.814 0.034 252.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Spindle color name →
#B3C4D8
oklch(0.814 0.034 252.5)
Farbumrechnungen
- HEX
- #b3c4d8
- RGB
- rgb(179 196 216)
- HSL
- hsl(212 32% 77%)
- HWB
- hwb(212 70% 15%)
- OKLCH
- oklch(0.814 0.034 252.5)
- OKLab
- oklab(0.814 -0.01 -0.032)
- CIE Lab
- lab(78.32 -2.9 -12.1)
- LCH
- lch(78.32 12.45 256.5)
- CMYK
- cmyk(17% 9% 0% 15%)
Tints · Shades · Tones
Tints
- BACADC
- C2D0E0
- C9D5E4
- D1DBE8
- D9E1EC
- E0E7EF
- E8EDF3
- EFF3F7
- F7F9FB
Shades
- 9BAABC
- 8491A0
- 6E7885
- 58616B
- 434A53
- 2F353B
- 1D2125
- 0C0E11
- 010202
Tones
- AEBDCF
- A9B6C6
- A3AFBD
- 9EA8B4
- 99A1AB
- 949BA2
- 8F949A
- 8A8D91
- 858788
Farbharmonien
Komplementär +180°
- B3C4D8
Spindle
- D0BFAB
≈ Nantucket Dune
Analog -30° +30°
- B3C4D8
Spindle
- ABC8D2
≈ Ocean Eyes
- BEC0D8
≈ Lavender Sachet
Triadisch +120° +240°
- B3C4D8
Spindle
- D7BABC
≈ Bombay Pink
- BAC7B1
≈ Composed
Geteilt komplementär +150° +210°
- B3C4D8
Spindle
- D6BCB1
≈ First Waltz
- C6C3AB
≈ Organic Field
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.77:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.80:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--spindle: #b3c4d8;
--spindle-rgb: 179 196 216;
--spindle-oklch: oklch(0.814 0.034 252.5);
}
.element {
color: var(--spindle);
background-color: hsl(212 32% 77%);
border-color: oklch(0.814 0.034 252.5);
}Tailwind CSS v4
@theme {
--color-spindle: #b3c4d8;
--color-spindle-50: #eff6ff;
--color-spindle-100: #e0e9f3;
--color-spindle-200: #cbd5e3;
--color-spindle-300: #acb9c9;
--color-spindle-400: #91a0b2;
--color-spindle-500: #76889d;
--color-spindle-600: #647384;
--color-spindle-700: #505c6a;
--color-spindle-800: #3a434e;
--color-spindle-900: #282f36;
--color-spindle-950: #161b21;
}SCSS
$spindle: #b3c4d8;
$spindle-rgb: 179, 196, 216;
$spindle-light: mix(#fff, $spindle, 20%);
$spindle-dark: mix(#000, $spindle, 20%);
.element {
color: $spindle;
box-shadow: 0 0 0 2px rgba($spindle, 0.35);
}