Nazwany kolor · #DB9DA7
Glamour
Glamour to #DB9DA7: rgb(219 157 167), hsl(350 46% 74%), oklch(0.758 0.075 8.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Glamour color name →
#DB9DA7
oklch(0.758 0.075 8.3)
Konwersje koloru
- HEX
- #db9da7
- RGB
- rgb(219 157 167)
- HSL
- hsl(350 46% 74%)
- HWB
- hwb(350 62% 14%)
- OKLCH
- oklch(0.758 0.075 8.3)
- OKLab
- oklab(0.758 0.074 0.011)
- CIE Lab
- lab(71.06 24.83 4.47)
- LCH
- lch(71.06 25.23 10.2)
- CMYK
- cmyk(0% 28% 24% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFA7AF
- E3B0B8
- E7BAC1
- EBC4C9
- EECED2
- F2D7DB
- F5E1E4
- F9EBED
- FCF5F6
Odcienie ciemniejsze
- BE8891
- A2737B
- 875F66
- 6D4C52
- 543A3E
- 3C282C
- 26181A
- 11090A
- 020101
Tony
- D29AA3
- C9979F
- C0959B
- B79297
- AE8F93
- A48C8F
- 9B898C
- 928688
- 898384
Harmonie kolorów
Komplementarna +180°
- DB9DA7
Glamour
- 76C0B9
≈ Gentle Wave
Analogowa -30° +30°
- DB9DA7
Glamour
- D19EC1
≈ Geranium Bud
- DBA08E
≈ Pink Palazzo
Triada +120° +240°
- DB9DA7
Glamour
- A2BA87
≈ Glendale
- 8BB5DE
≈ Goluboy Blue
Komplementarna rozszczepiona +150° +210°
- DB9DA7
Glamour
- 88BF9F
≈ Lark Green
- 78BCD0
≈ Cologne
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.23:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.39:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.39:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--glamour: #db9da7;
--glamour-rgb: 219 157 167;
--glamour-oklch: oklch(0.758 0.075 8.3);
}
.element {
color: var(--glamour);
background-color: hsl(350 46% 74%);
border-color: oklch(0.758 0.075 8.3);
}Tailwind CSS v4
@theme {
--color-glamour: #db9da7;
--color-glamour-50: #ffedf0;
--color-glamour-100: #ffdee2;
--color-glamour-200: #f2c8cd;
--color-glamour-300: #dba8ae;
--color-glamour-400: #c68c96;
--color-glamour-500: #b1717c;
--color-glamour-600: #966069;
--color-glamour-700: #784d54;
--color-glamour-800: #59373e;
--color-glamour-900: #3e262b;
--color-glamour-950: #271418;
}SCSS
$glamour: #db9da7;
$glamour-rgb: 219, 157, 167;
$glamour-light: mix(#fff, $glamour, 20%);
$glamour-dark: mix(#000, $glamour, 20%);
.element {
color: $glamour;
box-shadow: 0 0 0 2px rgba($glamour, 0.35);
}