Dichtstbijzijnde benoemde kleur · #D2D3C0
#D2D3C0
Dichtstbijzijnde benoemde kleur: Wishing Well
#D2D3C0 (rgb(210 211 192), hsl(63 18% 79%), oklch(0.861 0.026 109.4)) komt het dichtst bij de benoemde kleur Wishing Well. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#D2D3C0
oklch(0.861 0.026 109.4)
Kleurconversies
- HEX
- #d2d3c0
- RGB
- rgb(210 211 192)
- HSL
- hsl(63 18% 79%)
- HWB
- hwb(63 75% 17%)
- OKLCH
- oklch(0.861 0.026 109.4)
- OKLab
- oklab(0.861 -0.009 0.024)
- CIE Lab
- lab(84.09 -2.82 9.33)
- LCH
- lch(84.09 9.74 106.8)
- CMYK
- cmyk(0% 0% 9% 17%)
Tinten · Schaduwen · Tonen
Tinten
- D6D7C6
- DBDCCC
- DFE0D3
- E4E4D9
- E8E9DF
- EDEDE6
- F1F2EC
- F6F6F2
- FAFBF9
Schaduwen
- B6B7A7
- 9B9C8E
- 818276
- 68695F
- 505149
- 393A34
- 242420
- 10100E
- 020202
Tonen
- C9CAB9
- C1C2B3
- B9B9AC
- B0B1A6
- A8A99F
- A0A099
- 989893
- 90908C
- 888886
Kleurharmonieën
Complementair +180°
- D2D3C0
Wishing Well
- D0CFE2
≈ Breezy Violet
Analoog -30° +30°
- D2D3C0
Wishing Well
- DAD0BF
≈ Clam
- C9D6C6
≈ Green Lane
Triadisch +120° +240°
- D2D3C0
Wishing Well
- C1D5DF
≈ Icecap
- DFCBD4
≈ French Lavender
Gesplitst complementair +150° +210°
- D2D3C0
Wishing Well
- C7D2E3
≈ Pale Periwinkle
- D9CCDC
≈ Violet Mist
Tetradisch +90° +180° +270°
- D2D3C0
Wishing Well
- BFD7D8
≈ Wind Speed
- D0CFE2
≈ Breezy Violet
- E2CBCA
≈ Satin Teddy
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.51:1 · APCA Lc 24
Ag
AAAOp zwart
WCAG 13.81:1 · APCA Lc 79
Beste tekstkleur: #000000
WCAG 13.81:1 (AAA) · APCA Lc 79
Contrast pairs
Codefragmenten
CSS
:root {
--wishing-well: #d2d3c0;
--wishing-well-rgb: 210 211 192;
--wishing-well-oklch: oklch(0.861 0.026 109.4);
}
.element {
color: var(--wishing-well);
background-color: hsl(63 18% 79%);
border-color: oklch(0.861 0.026 109.4);
}Tailwind CSS v4
@theme {
--color-wishing-well: #d2d3c0;
--color-wishing-well-50: #f5f6ee;
--color-wishing-well-100: #e8e9df;
--color-wishing-well-200: #d4d5c9;
--color-wishing-well-300: #b7b9aa;
--color-wishing-well-400: #9fa08f;
--color-wishing-well-500: #878874;
--color-wishing-well-600: #727363;
--color-wishing-well-700: #5b5c4f;
--color-wishing-well-800: #434339;
--color-wishing-well-900: #2e2e27;
--color-wishing-well-950: #1b1b15;
}SCSS
$wishing-well: #d2d3c0;
$wishing-well-rgb: 210, 211, 192;
$wishing-well-light: mix(#fff, $wishing-well, 20%);
$wishing-well-dark: mix(#000, $wishing-well, 20%);
.element {
color: $wishing-well;
box-shadow: 0 0 0 2px rgba($wishing-well, 0.35);
}