Dichtstbijzijnde benoemde kleur · #D7E7EB
#D7E7EB
Dichtstbijzijnde benoemde kleur: Dreamstress
#D7E7EB (rgb(215 231 235), hsl(192 33% 88%), oklch(0.917 0.018 214.4)) komt het dichtst bij de benoemde kleur Dreamstress. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#D7E7EB
oklch(0.917 0.018 214.4)
Kleurconversies
- HEX
- #d7e7eb
- RGB
- rgb(215 231 235)
- HSL
- hsl(192 33% 88%)
- HWB
- hwb(192 84% 8%)
- OKLCH
- oklch(0.917 0.018 214.4)
- OKLab
- oklab(0.917 -0.015 -0.01)
- CIE Lab
- lab(90.52 -4.93 -3.88)
- LCH
- lch(90.52 6.27 218.2)
- CMYK
- cmyk(9% 2% 0% 8%)
Tinten · Schaduwen · Tonen
Tinten
- DBE9ED
- DFECEF
- E3EEF1
- E7F1F3
- EBF3F5
- EFF5F7
- F3F8F9
- F7FAFB
- FBFDFD
Schaduwen
- BBC9CC
- 9FABAE
- 858F91
- 6B7375
- 52595B
- 3B4041
- 252829
- 111313
- 020303
Tonen
- CEDCE0
- C5D2D5
- BCC7CA
- B3BCBF
- ABB2B4
- A2A8A9
- 999E9F
- 919494
- 888A8A
Kleurharmonieën
Complementair +180°
- D7E7EB
Dreamstress
- EFE0DC
≈ White Russian
Analoog -30° +30°
- D7E7EB
Dreamstress
- D7E8E5
≈ Aqua Breeze
- DAE5EF
≈ Iceberg
Triadisch +120° +240°
- D7E7EB
Dreamstress
- ECDFE9
≈ Angora Pink
- E7E4D7
≈ Guinea Pig White
Gesplitst complementair +150° +210°
- D7E7EB
Dreamstress
- EFDFE2
≈ Daring Deception
- ECE1D8
≈ Sea Salt
Tetradisch +90° +180° +270°
- D7E7EB
Dreamstress
- E6E1EE
≈ Romantic Cruise
- EFE0DC
≈ White Russian
- E1E6D9
≈ White Mint
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.27:1 · APCA Lc 13
Ag
AAAOp zwart
WCAG 16.51:1 · APCA Lc 90
Beste tekstkleur: #000000
WCAG 16.51:1 (AAA) · APCA Lc 90
Contrast pairs
Codefragmenten
CSS
:root {
--dreamstress: #d7e7eb;
--dreamstress-rgb: 215 231 235;
--dreamstress-oklch: oklch(0.917 0.018 214.4);
}
.element {
color: var(--dreamstress);
background-color: hsl(192 33% 88%);
border-color: oklch(0.917 0.018 214.4);
}Tailwind CSS v4
@theme {
--color-dreamstress: #d7e7eb;
--color-dreamstress-50: #f0f6f8;
--color-dreamstress-100: #e2e9ec;
--color-dreamstress-200: #ccd6d9;
--color-dreamstress-300: #aebabd;
--color-dreamstress-400: #93a1a5;
--color-dreamstress-500: #79898d;
--color-dreamstress-600: #677478;
--color-dreamstress-700: #525d60;
--color-dreamstress-800: #3c4446;
--color-dreamstress-900: #292f30;
--color-dreamstress-950: #171c1d;
}SCSS
$dreamstress: #d7e7eb;
$dreamstress-rgb: 215, 231, 235;
$dreamstress-light: mix(#fff, $dreamstress, 20%);
$dreamstress-dark: mix(#000, $dreamstress, 20%);
.element {
color: $dreamstress;
box-shadow: 0 0 0 2px rgba($dreamstress, 0.35);
}