Benoemde kleur · #CEDDDA
Jade Dust
Jade Dust is #CEDDDA: rgb(206 221 218), hsl(168 18% 84%), oklch(0.885 0.017 182.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Jade Dust color name →
#CEDDDA
oklch(0.885 0.017 182.7)
Kleurconversies
- HEX
- #ceddda
- RGB
- rgb(206 221 218)
- HSL
- hsl(168 18% 84%)
- HWB
- hwb(168 81% 13%)
- OKLCH
- oklch(0.885 0.017 182.7)
- OKLab
- oklab(0.885 -0.017 -0.001)
- CIE Lab
- lab(86.91 -5.63 -0.35)
- LCH
- lch(86.91 5.64 183.5)
- CMYK
- cmyk(7% 0% 1% 13%)
Tinten · Schaduwen · Tonen
Tinten
- D3E0DE
- D8E4E1
- DDE7E5
- E1EBE9
- E6EEEC
- EBF1F0
- F0F5F4
- F5F8F8
- FAFCFB
Schaduwen
- B3C0BD
- 98A4A2
- 7F8887
- 666E6C
- 4E5554
- 383D3C
- 232625
- 0F1111
- 020202
Tonen
- C6D3D1
- BECAC7
- B6C0BE
- AEB7B5
- A6ADAC
- 9EA4A3
- 979B9A
- 8F9291
- 888989
Kleurharmonieën
Complementair +180°
- CEDDDA
Jade Dust
- E3D5D8
≈ Velvet Blush
Analoog -30° +30°
- CEDDDA
Jade Dust
- D1DDD4
≈ Aruba Aqua
- CEDCE0
≈ Polar Soft Blue
Triadisch +120° +240°
- CEDDDA
Jade Dust
- DBD7E3
≈ Misty Violet
- E2D7CE
≈ Kangaroo Tan
Gesplitst complementair +150° +210°
- CEDDDA
Jade Dust
- E0D5DE
≈ Soft Lilac
- E4D6D2
≈ Most Delicate
Tetradisch +90° +180° +270°
- CEDDDA
Jade Dust
- D5D9E5
≈ So Blue-Berry
- E3D5D8
≈ Velvet Blush
- DDD9CD
≈ Milk White
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.40:1 · APCA Lc 19
Ag
AAAOp zwart
WCAG 14.97:1 · APCA Lc 84
Beste tekstkleur: #000000
WCAG 14.97:1 (AAA) · APCA Lc 84
Contrast pairs
Codefragmenten
CSS
:root {
--jade-dust: #ceddda;
--jade-dust-rgb: 206 221 218;
--jade-dust-oklch: oklch(0.885 0.017 182.7);
}
.element {
color: var(--jade-dust);
background-color: hsl(168 18% 84%);
border-color: oklch(0.885 0.017 182.7);
}Tailwind CSS v4
@theme {
--color-jade-dust: #ceddda;
--color-jade-dust-50: #f0f7f6;
--color-jade-dust-100: #e2eae8;
--color-jade-dust-200: #cdd7d5;
--color-jade-dust-300: #afbab8;
--color-jade-dust-400: #94a29f;
--color-jade-dust-500: #7b8a87;
--color-jade-dust-600: #687572;
--color-jade-dust-700: #535d5b;
--color-jade-dust-800: #3c4443;
--color-jade-dust-900: #292f2e;
--color-jade-dust-950: #171c1b;
}SCSS
$jade-dust: #ceddda;
$jade-dust-rgb: 206, 221, 218;
$jade-dust-light: mix(#fff, $jade-dust, 20%);
$jade-dust-dark: mix(#000, $jade-dust, 20%);
.element {
color: $jade-dust;
box-shadow: 0 0 0 2px rgba($jade-dust, 0.35);
}