Benoemde kleur · #BFD5EB
Light Water Wash
Light Water Wash is #BFD5EB: rgb(191 213 235), hsl(210 52% 84%), oklch(0.864 0.039 248.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Light Water Wash color name →
#BFD5EB
oklch(0.864 0.039 248.3)
Kleurconversies
- HEX
- #bfd5eb
- RGB
- rgb(191 213 235)
- HSL
- hsl(210 52% 84%)
- HWB
- hwb(210 75% 8%)
- OKLCH
- oklch(0.864 0.039 248.3)
- OKLab
- oklab(0.864 -0.014 -0.036)
- CIE Lab
- lab(84.14 -4.21 -13.48)
- LCH
- lch(84.14 14.13 252.6)
- CMYK
- cmyk(19% 9% 0% 8%)
Tinten · Schaduwen · Tonen
Tinten
- C5D9ED
- CCDDEF
- D2E2F1
- D8E6F3
- DFEAF5
- E5EEF7
- ECF2F9
- F2F7FB
- F9FBFD
Schaduwen
- A6B9CC
- 8D9EAE
- 758391
- 5E6A75
- 48515B
- 333A41
- 1F2429
- 0D1013
- 020203
Tonen
- B9CCE0
- B2C3D5
- ACBBCA
- A5B2BF
- 9FAAB4
- 99A1A9
- 93999F
- 8C9095
- 86888A
Kleurharmonieën
Complementair +180°
- BFD5EB
Light Water Wash
- E4CEB8
≈ Comfort
Analoog -30° +30°
- BFD5EB
Light Water Wash
- B7D9E3
≈ Fresh Dawn
- CCD0EC
≈ Frozen Periwinkle
Triadisch +120° +240°
- BFD5EB
Light Water Wash
- EAC8CD
≈ Oh so Pretty
- CBD7BD
≈ Canary Green
Gesplitst complementair +150° +210°
- BFD5EB
Light Water Wash
- EACAC0
≈ Au Naturel
- D8D3B6
≈ Pistachio Tang
Tetradisch +90° +180° +270°
- BFD5EB
Light Water Wash
- E4C9DB
≈ Wisteria Whisper
- E4CEB8
≈ Comfort
- BEDAC9
≈ Dusty Aqua
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.50:1 · APCA Lc 24
Ag
AAAOp zwart
WCAG 13.93:1 · APCA Lc 79
Beste tekstkleur: #000000
WCAG 13.93:1 (AAA) · APCA Lc 79
Contrast pairs
Codefragmenten
CSS
:root {
--light-water-wash: #bfd5eb;
--light-water-wash-rgb: 191 213 235;
--light-water-wash-oklch: oklch(0.864 0.039 248.3);
}
.element {
color: var(--light-water-wash);
background-color: hsl(210 52% 84%);
border-color: oklch(0.864 0.039 248.3);
}Tailwind CSS v4
@theme {
--color-light-water-wash: #bfd5eb;
--color-light-water-wash-50: #edf6ff;
--color-light-water-wash-100: #dfe9f5;
--color-light-water-wash-200: #c8d6e5;
--color-light-water-wash-300: #a9b9cb;
--color-light-water-wash-400: #8da1b5;
--color-light-water-wash-500: #72899f;
--color-light-water-wash-600: #617487;
--color-light-water-wash-700: #4d5d6c;
--color-light-water-wash-800: #38444f;
--color-light-water-wash-900: #262f37;
--color-light-water-wash-950: #141b22;
}SCSS
$light-water-wash: #bfd5eb;
$light-water-wash-rgb: 191, 213, 235;
$light-water-wash-light: mix(#fff, $light-water-wash, 20%);
$light-water-wash-dark: mix(#000, $light-water-wash, 20%);
.element {
color: $light-water-wash;
box-shadow: 0 0 0 2px rgba($light-water-wash, 0.35);
}