Najbliższy nazwany kolor · #D6AEDA
#D6AEDA
Najbliższy nazwany kolor: Blushing Sky
#D6AEDA (rgb(214 174 218), hsl(295 37% 77%), oklch(0.8 0.075 323.3)) jest najbliższy nazwanemu kolorowi Blushing Sky. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D6AEDA
oklch(0.8 0.075 323.3)
Konwersje koloru
- HEX
- #d6aeda
- RGB
- rgb(214 174 218)
- HSL
- hsl(295 37% 77%)
- HWB
- hwb(295 68% 15%)
- OKLCH
- oklch(0.8 0.075 323.3)
- OKLab
- oklab(0.8 0.06 -0.045)
- CIE Lab
- lab(75.8 20.63 -16.56)
- LCH
- lch(75.8 26.45 321.2)
- CMYK
- cmyk(2% 20% 0% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DAB6DE
- DEBEE2
- E3C6E5
- E7CEE9
- EBD6ED
- EFDEF0
- F3E6F4
- F7EFF8
- FBF7FB
Odcienie ciemniejsze
- BA97BD
- 9E80A2
- 846A87
- 6A556C
- 524154
- 3B2E3C
- 251C25
- 100B11
- 020102
Tony
- CDA9D1
- C4A5C7
- BCA0BE
- B39CB5
- AA97AC
- A292A3
- 998E9A
- 918991
- 888589
Harmonie kolorów
Komplementarna +180°
- D6AEDA
Blushing Sky
- A2CB9F
≈ Fescue
Analogowa -30° +30°
- D6AEDA
Blushing Sky
- BFB5EA
≈ Purple Sand
- E5AAC2
≈ Little Princess
Triada +120° +240°
- D6AEDA
Blushing Sky
- D5BA86
≈ Independent Gold
- 81CCD3
≈ White Ultramarine
Komplementarna rozszczepiona +150° +210°
- D6AEDA
Blushing Sky
- BDC48C
≈ Misty Valley
- 8ACEB9
≈ Tropical Trail
Tetrada +90° +180° +270°
- D6AEDA
Blushing Sky
- E5B191
≈ Ancient Inca
- A2CB9F
≈ Fescue
- 8DC7E7
≈ Deluxe Days
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.92:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.92:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--blushing-sky: #d6aeda;
--blushing-sky-rgb: 214 174 218;
--blushing-sky-oklch: oklch(0.8 0.075 323.3);
}
.element {
color: var(--blushing-sky);
background-color: hsl(295 37% 77%);
border-color: oklch(0.8 0.075 323.3);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #d6aeda;
--color-blushing-sky-50: #ffeeff;
--color-blushing-sky-100: #f5e0f6;
--color-blushing-sky-200: #e5cae6;
--color-blushing-sky-300: #ccabcd;
--color-blushing-sky-400: #b590b8;
--color-blushing-sky-500: #9f75a3;
--color-blushing-sky-600: #86638a;
--color-blushing-sky-700: #6b4f6e;
--color-blushing-sky-800: #4e3a52;
--color-blushing-sky-900: #372839;
--color-blushing-sky-950: #211624;
}SCSS
$blushing-sky: #d6aeda;
$blushing-sky-rgb: 214, 174, 218;
$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);
}