Nazwany kolor · #D9A9C6
Lofty Delight
Lofty Delight to #D9A9C6: rgb(217 169 198), hsl(324 39% 76%), oklch(0.787 0.068 341.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Lofty Delight color name →
#D9A9C6
oklch(0.787 0.068 341.9)
Konwersje koloru
- HEX
- #d9a9c6
- RGB
- rgb(217 169 198)
- HSL
- hsl(324 39% 76%)
- HWB
- hwb(324 66% 15%)
- OKLCH
- oklch(0.787 0.068 341.9)
- OKLab
- oklab(0.787 0.064 -0.021)
- CIE Lab
- lab(74.38 21.57 -7.74)
- LCH
- lch(74.38 22.92 340.2)
- CMYK
- cmyk(0% 22% 9% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDB1CC
- E1BAD1
- E5C2D7
- E9CBDD
- EDD4E2
- F1DCE8
- F4E5EE
- F8EEF3
- FBF6F9
Odcienie ciemniejsze
- BC92AC
- A17C92
- 86677A
- 6C5362
- 533F4B
- 3B2C35
- 251B21
- 110A0E
- 020102
Tony
- D0A5BF
- C7A1B8
- BE9DB0
- B599A9
- AC95A2
- A3909B
- 9A8C94
- 92888E
- 898487
Harmonie kolorów
Komplementarna +180°
- D9A9C6
Lofty Delight
- 93C8AC
≈ Peppermint Spray
Analogowa -30° +30°
- D9A9C6
Lofty Delight
- C8AEDA
≈ Lavender Field Dreamer
- E1A8AE
≈ Raspberry Lemonade
Triada +120° +240°
- D9A9C6
Lofty Delight
- C2BC89
≈ New Foliage
- 89C4D9
≈ Dolphin
Komplementarna rozszczepiona +150° +210°
- D9A9C6
Lofty Delight
- AAC396
≈ Heartland Frosty
- 85C8C5
≈ Mercury Mist
Tetrada +90° +180° +270°
- D9A9C6
Lofty Delight
- D5B38A
≈ Summerwood
- 93C8AC
≈ Peppermint Spray
- 9ABDE5
≈ Gallery Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.01:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.44:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.44:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--lofty-delight: #d9a9c6;
--lofty-delight-rgb: 217 169 198;
--lofty-delight-oklch: oklch(0.787 0.068 341.9);
}
.element {
color: var(--lofty-delight);
background-color: hsl(324 39% 76%);
border-color: oklch(0.787 0.068 341.9);
}Tailwind CSS v4
@theme {
--color-lofty-delight: #d9a9c6;
--color-lofty-delight-50: #ffeefa;
--color-lofty-delight-100: #f9dfed;
--color-lofty-delight-200: #eac9db;
--color-lofty-delight-300: #d1aac0;
--color-lofty-delight-400: #bb8faa;
--color-lofty-delight-500: #a67493;
--color-lofty-delight-600: #8c637c;
--color-lofty-delight-700: #704f63;
--color-lofty-delight-800: #52394a;
--color-lofty-delight-900: #392733;
--color-lofty-delight-950: #24151f;
}SCSS
$lofty-delight: #d9a9c6;
$lofty-delight-rgb: 217, 169, 198;
$lofty-delight-light: mix(#fff, $lofty-delight, 20%);
$lofty-delight-dark: mix(#000, $lofty-delight, 20%);
.element {
color: $lofty-delight;
box-shadow: 0 0 0 2px rgba($lofty-delight, 0.35);
}