Benoemde kleur · #C3D4E8
Slipstream
Slipstream is #C3D4E8: rgb(195 212 232), hsl(212 45% 84%), oklch(0.863 0.033 252.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Slipstream color name →
#C3D4E8
oklch(0.863 0.033 252.5)
Kleurconversies
- HEX
- #c3d4e8
- RGB
- rgb(195 212 232)
- HSL
- hsl(212 45% 84%)
- HWB
- hwb(212 76% 9%)
- OKLCH
- oklch(0.863 0.033 252.5)
- OKLab
- oklab(0.863 -0.01 -0.032)
- CIE Lab
- lab(84.09 -2.89 -11.94)
- LCH
- lch(84.09 12.28 256.4)
- CMYK
- cmyk(16% 9% 0% 9%)
Tinten · Schaduwen · Tonen
Tinten
- C9D8EA
- CFDDED
- D5E1EF
- DBE5F1
- E1E9F4
- E7EEF6
- EDF2F8
- F3F6FA
- F9FBFD
Schaduwen
- A9B8CA
- 909DAC
- 788390
- 606974
- 4A5159
- 343A40
- 202429
- 0E1013
- 020203
Tonen
- BCCBDD
- B5C3D2
- AEBAC8
- A8B2BD
- A1A9B3
- 9AA1A8
- 94989E
- 8D9094
- 86888A
Kleurharmonieën
Complementair +180°
- C3D4E8
Slipstream
- E0CFBB
≈ Soft Doeskin
Analoog -30° +30°
- C3D4E8
Slipstream
- BBD8E2
≈ Glacial Stream
- CED0E8
≈ Artistic Violet
Triadisch +120° +240°
- C3D4E8
Slipstream
- E7CACC
≈ Pink Spinel
- CAD7C1
≈ French Limestone
Gesplitst complementair +150° +210°
- C3D4E8
Slipstream
- E6CCC1
≈ Pout
- D6D3BB
≈ Pistachio Tang
Tetradisch +90° +180° +270°
- C3D4E8
Slipstream
- E3CAD8
≈ Diva Girl
- E0CFBB
≈ Soft Doeskin
- C0D9CC
≈ Silverton
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.51:1 · APCA Lc 24
Ag
AAAOp zwart
WCAG 13.90:1 · APCA Lc 79
Beste tekstkleur: #000000
WCAG 13.90:1 (AAA) · APCA Lc 79
Contrast pairs
Codefragmenten
CSS
:root {
--slipstream: #c3d4e8;
--slipstream-rgb: 195 212 232;
--slipstream-oklch: oklch(0.863 0.033 252.5);
}
.element {
color: var(--slipstream);
background-color: hsl(212 45% 84%);
border-color: oklch(0.863 0.033 252.5);
}Tailwind CSS v4
@theme {
--color-slipstream: #c3d4e8;
--color-slipstream-50: #eff6ff;
--color-slipstream-100: #e1e9f3;
--color-slipstream-200: #cbd5e3;
--color-slipstream-300: #acb9c9;
--color-slipstream-400: #91a0b2;
--color-slipstream-500: #77889c;
--color-slipstream-600: #657384;
--color-slipstream-700: #505c6a;
--color-slipstream-800: #3a434e;
--color-slipstream-900: #282f36;
--color-slipstream-950: #161b21;
}SCSS
$slipstream: #c3d4e8;
$slipstream-rgb: 195, 212, 232;
$slipstream-light: mix(#fff, $slipstream, 20%);
$slipstream-dark: mix(#000, $slipstream, 20%);
.element {
color: $slipstream;
box-shadow: 0 0 0 2px rgba($slipstream, 0.35);
}