Nazwany kolor · #D29EA6
Silver Rose
Silver Rose to #D29EA6: rgb(210 158 166), hsl(351 37% 72%), oklch(0.75 0.063 8.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Silver Rose color name →
#D29EA6
oklch(0.75 0.063 8.4)
Konwersje koloru
- HEX
- #d29ea6
- RGB
- rgb(210 158 166)
- HSL
- hsl(351 37% 72%)
- HWB
- hwb(351 62% 18%)
- OKLCH
- oklch(0.75 0.063 8.4)
- OKLab
- oklab(0.75 0.062 0.009)
- CIE Lab
- lab(70.29 20.79 3.77)
- LCH
- lch(70.29 21.13 10.3)
- CMYK
- cmyk(0% 25% 21% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D7A7AF
- DCB1B7
- E0BBC0
- E5C4C9
- EACED2
- EED8DB
- F2E1E4
- F7EBED
- FBF5F6
Odcienie ciemniejsze
- B68990
- 9B747A
- 816065
- 684D51
- 503A3E
- 39292B
- 24181A
- 10090A
- 020101
Tony
- CA9BA2
- C2989E
- B9959A
- B19297
- A98F93
- A18C8F
- 99898B
- 908687
- 888384
Harmonie kolorów
Komplementarna +180°
- D29EA6
Silver Rose
- 7FBBB6
≈ Polished Aqua
Analogowa -30° +30°
- D29EA6
Silver Rose
- C99FBC
≈ Idyllic Pink
- D2A191
≈ Badshahi Brown
Triada +120° +240°
- D29EA6
Silver Rose
- A2B68C
≈ Haven
- 8FB2D5
≈ Innocent Blue
Komplementarna rozszczepiona +150° +210°
- D29EA6
Silver Rose
- 8DBB9F
≈ Summertown
- 80B8C9
≈ Blue Bird Morning
Tetrada +90° +180° +270°
- D29EA6
Silver Rose
- B8AF81
≈ Tomatillo Salsa
- 7FBBB6
≈ Polished Aqua
- A4ABD6
≈ Childish Wonder
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.28:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.18:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--silver-rose: #d29ea6;
--silver-rose-rgb: 210 158 166;
--silver-rose-oklch: oklch(0.75 0.063 8.4);
}
.element {
color: var(--silver-rose);
background-color: hsl(351 37% 72%);
border-color: oklch(0.75 0.063 8.4);
}Tailwind CSS v4
@theme {
--color-silver-rose: #d29ea6;
--color-silver-rose-50: #ffeef1;
--color-silver-rose-100: #fce0e3;
--color-silver-rose-200: #eecace;
--color-silver-rose-300: #d5abb0;
--color-silver-rose-400: #c08f97;
--color-silver-rose-500: #ab757e;
--color-silver-rose-600: #90636b;
--color-silver-rose-700: #744f55;
--color-silver-rose-800: #55393f;
--color-silver-rose-900: #3c272b;
--color-silver-rose-950: #251519;
}SCSS
$silver-rose: #d29ea6;
$silver-rose-rgb: 210, 158, 166;
$silver-rose-light: mix(#fff, $silver-rose, 20%);
$silver-rose-dark: mix(#000, $silver-rose, 20%);
.element {
color: $silver-rose;
box-shadow: 0 0 0 2px rgba($silver-rose, 0.35);
}