Nächste benannte Farbe · #D3ADD0
#D3ADD0
Nächste benannte Farbe: Blushing Sky
#D3ADD0 (rgb(211 173 208), hsl(305 30% 75%), oklch(0.792 0.064 328.7)) liegt am nächsten an der benannten Farbe Blushing Sky. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D3ADD0
oklch(0.792 0.064 328.7)
Farbumrechnungen
- HEX
- #d3add0
- RGB
- rgb(211 173 208)
- HSL
- hsl(305 30% 75%)
- HWB
- hwb(305 68% 17%)
- OKLCH
- oklch(0.792 0.064 328.7)
- OKLab
- oklab(0.792 0.055 -0.033)
- CIE Lab
- lab(75 18.68 -12.36)
- LCH
- lch(75 22.4 326.5)
- CMYK
- cmyk(0% 18% 1% 17%)
Tints · Shades · Tones
Tints
- D8B5D5
- DCBDD9
- E0C5DE
- E5CDE3
- E9D6E7
- EEDEEC
- F2E6F1
- F6EEF6
- FBF7FA
Shades
- B796B5
- 9C7F9A
- 826A80
- 695567
- 51414F
- 3A2D39
- 241B23
- 100B10
- 020102
Tones
- CAA8C8
- C2A4C0
- BA9FB7
- B19BAF
- A996A7
- A1929F
- 988D97
- 908990
- 888488
Farbharmonien
Komplementär +180°
- D3ADD0
Blushing Sky
- 9FC7A5
≈ French Market
Analog -30° +30°
- D3ADD0
Blushing Sky
- C0B3E0
≈ Moonraker
- DFABBA
≈ Apple Infusion
Triadisch +120° +240°
- D3ADD0
Blushing Sky
- CCBA8C
≈ Western Wear
- 8AC7D1
≈ Maiden Voyage
Geteilt komplementär +150° +210°
- D3ADD0
Blushing Sky
- B7C293
≈ Jitterbug
- 8EC9BC
≈ Deco-Rate
Tetradisch +90° +180° +270°
- D3ADD0
Blushing Sky
- DBB293
≈ Sunset Cove
- 9FC7A5
≈ French Market
- 95C2E0
≈ January Frost
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.97:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.65:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.65:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--blushing-sky: #d3add0;
--blushing-sky-rgb: 211 173 208;
--blushing-sky-oklch: oklch(0.792 0.064 328.7);
}
.element {
color: var(--blushing-sky);
background-color: hsl(305 30% 75%);
border-color: oklch(0.792 0.064 328.7);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #d3add0;
--color-blushing-sky-50: #ffeffe;
--color-blushing-sky-100: #f5e1f2;
--color-blushing-sky-200: #e5cbe1;
--color-blushing-sky-300: #cbacc7;
--color-blushing-sky-400: #b491b2;
--color-blushing-sky-500: #9e779b;
--color-blushing-sky-600: #866583;
--color-blushing-sky-700: #6b5169;
--color-blushing-sky-800: #4e3b4e;
--color-blushing-sky-900: #372836;
--color-blushing-sky-950: #211621;
}SCSS
$blushing-sky: #d3add0;
$blushing-sky-rgb: 211, 173, 208;
$blushing-sky-light: mix(#fff, $blushing-sky, 20%);
$blushing-sky-dark: mix(#000, $blushing-sky, 20%);
.element {
color: $blushing-sky;
box-shadow: 0 0 0 2px rgba($blushing-sky, 0.35);
}