Nazwany kolor · #D5A6AD
Foxy Lady
Foxy Lady to #D5A6AD: rgb(213 166 173), hsl(351 36% 74%), oklch(0.77 0.056 8.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Foxy Lady color name →
#D5A6AD
oklch(0.77 0.056 8.5)
Konwersje koloru
- HEX
- #d5a6ad
- RGB
- rgb(213 166 173)
- HSL
- hsl(351 36% 74%)
- HWB
- hwb(351 65% 16%)
- OKLCH
- oklch(0.77 0.056 8.5)
- OKLab
- oklab(0.77 0.055 0.008)
- CIE Lab
- lab(72.68 18.6 3.38)
- LCH
- lch(72.68 18.91 10.3)
- CMYK
- cmyk(0% 22% 19% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9AFB5
- DEB7BD
- E2C0C5
- E7C9CD
- EBD2D5
- EFDBDE
- F3E4E6
- F7EDEE
- FBF6F7
Odcienie ciemniejsze
- B99096
- 9E7A7F
- 83656A
- 6A5155
- 513E41
- 3A2B2D
- 241A1B
- 100A0B
- 020101
Tony
- CCA2A8
- C49EA4
- BB9B9F
- B3979B
- AA9396
- A28F92
- 998B8D
- 918889
- 888484
Harmonie kolorów
Komplementarna +180°
- D5A6AD
Foxy Lady
- 8BC0BB
≈ Undine
Analogowa -30° +30°
- D5A6AD
Foxy Lady
- CDA7C1
≈ Safflower Wisteria
- D5A99B
≈ Cottage Rose
Triada +120° +240°
- D5A6AD
Foxy Lady
- AABC96
≈ Ash Tree
- 99B8D7
≈ Blue Pointer
Komplementarna rozszczepiona +150° +210°
- D5A6AD
Foxy Lady
- 97C0A7
≈ Spearmint Frosting
- 8CBDCC
≈ Blue Echo
Tetrada +90° +180° +270°
- D5A6AD
Foxy Lady
- BDB58C
≈ Urahayanagi Green
- 8BC0BB
≈ Undine
- ACB1D8
≈ High Style
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.12:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.88:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.88:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--foxy-lady: #d5a6ad;
--foxy-lady-rgb: 213 166 173;
--foxy-lady-oklch: oklch(0.77 0.056 8.5);
}
.element {
color: var(--foxy-lady);
background-color: hsl(351 36% 74%);
border-color: oklch(0.77 0.056 8.5);
}Tailwind CSS v4
@theme {
--color-foxy-lady: #d5a6ad;
--color-foxy-lady-50: #ffeff1;
--color-foxy-lady-100: #fae1e3;
--color-foxy-lady-200: #ebcbce;
--color-foxy-lady-300: #d2acb0;
--color-foxy-lady-400: #bd9198;
--color-foxy-lady-500: #a7777f;
--color-foxy-lady-600: #8d656b;
--color-foxy-lady-700: #715056;
--color-foxy-lady-800: #543a3f;
--color-foxy-lady-900: #3a282b;
--color-foxy-lady-950: #241619;
}SCSS
$foxy-lady: #d5a6ad;
$foxy-lady-rgb: 213, 166, 173;
$foxy-lady-light: mix(#fff, $foxy-lady, 20%);
$foxy-lady-dark: mix(#000, $foxy-lady, 20%);
.element {
color: $foxy-lady;
box-shadow: 0 0 0 2px rgba($foxy-lady, 0.35);
}