Dichtstbijzijnde benoemde kleur · #D6F2FB
#D6F2FB
Dichtstbijzijnde benoemde kleur: Water
#D6F2FB (rgb(214 242 251), hsl(195 82% 91%), oklch(0.944 0.032 219.1)) komt het dichtst bij de benoemde kleur Water. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#D6F2FB
oklch(0.944 0.032 219.1)
Kleurconversies
- HEX
- #d6f2fb
- RGB
- rgb(214 242 251)
- HSL
- hsl(195 82% 91%)
- HWB
- hwb(195 84% 2%)
- OKLCH
- oklch(0.944 0.032 219.1)
- OKLab
- oklab(0.944 -0.025 -0.02)
- CIE Lab
- lab(93.65 -8.11 -7.61)
- LCH
- lch(93.65 11.12 223.1)
- CMYK
- cmyk(15% 4% 0% 2%)
Tinten · Schaduwen · Tonen
Tinten
- DAF3FB
- DEF5FC
- E2F6FC
- E7F7FD
- EBF9FD
- EFFAFD
- F3FBFE
- F7FCFE
- FBFEFF
Schaduwen
- BAD2DA
- 9EB4BA
- 84969C
- 6A797E
- 525E61
- 3B4346
- 252B2D
- 101415
- 020303
Tonen
- CDE6EE
- C4DAE1
- BCCED5
- B3C3C8
- AAB7BC
- A2ACAF
- 99A1A3
- 919697
- 888B8C
Kleurharmonieën
Complementair +180°
- D6F2FB
Water
- FFE6DE
≈ French Manicure
Analoog -30° +30°
- D6F2FB
Water
- D5F4F1
≈ Air of Mint
- DEEEFF
≈ Calcareous Sinter
Triadisch +120° +240°
- D6F2FB
Water
- FCE5F3
≈ Cherry Pearl
- F1EDD5
≈ Rum Swizzle
Gesplitst complementair +150° +210°
- D6F2FB
Water
- FFE5E8
≈ Vanilla Strawberry
- FBE9D6
≈ Peach Fade
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.16:1 · APCA Lc 8
Ag
AAAOp zwart
WCAG 17.95:1 · APCA Lc 96
Beste tekstkleur: #000000
WCAG 17.95:1 (AAA) · APCA Lc 96
Contrast pairs
Codefragmenten
CSS
:root {
--water: #d6f2fb;
--water-rgb: 214 242 251;
--water-oklch: oklch(0.944 0.032 219.1);
}
.element {
color: var(--water);
background-color: hsl(195 82% 91%);
border-color: oklch(0.944 0.032 219.1);
}Tailwind CSS v4
@theme {
--color-water: #d6f2fb;
--color-water-50: #ecf7fc;
--color-water-100: #ddebef;
--color-water-200: #c6d8de;
--color-water-300: #a7bcc3;
--color-water-400: #8aa3ab;
--color-water-500: #6f8c95;
--color-water-600: #5e767e;
--color-water-700: #4b5e65;
--color-water-800: #36454a;
--color-water-900: #253033;
--color-water-950: #141c1f;
}SCSS
$water: #d6f2fb;
$water-rgb: 214, 242, 251;
$water-light: mix(#fff, $water, 20%);
$water-dark: mix(#000, $water, 20%);
.element {
color: $water;
box-shadow: 0 0 0 2px rgba($water, 0.35);
}