Nazwany kolor · #DC506E
Rosy Cheeks
Rosy Cheeks to #DC506E: rgb(220 80 110), hsl(347 67% 59%), oklch(0.627 0.175 10.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rosy Cheeks color name →
#DC506E
oklch(0.627 0.175 10.8)
Konwersje koloru
- HEX
- #dc506e
- RGB
- rgb(220 80 110)
- HSL
- hsl(347 67% 59%)
- HWB
- hwb(347 31% 14%)
- OKLCH
- oklch(0.627 0.175 10.8)
- OKLab
- oklab(0.627 0.172 0.033)
- CIE Lab
- lab(54.68 57.13 14.09)
- LCH
- lch(54.68 58.85 13.9)
- CMYK
- cmyk(0% 64% 50% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E2647C
- E77789
- EC8897
- F19AA6
- F5ABB4
- F8BCC3
- FBCCD2
- FDDDE1
- FEEEF0
Odcienie ciemniejsze
- BF445F
- A33950
- 882E41
- 6E2433
- 541A26
- 3C1019
- 26070E
- 110204
- 020001
Tony
- D45770
- CC5E72
- C36474
- BB6975
- B26E77
- A97279
- 9F767B
- 95797D
- 8B7D7E
Harmonie kolorów
Komplementarna +180°
- DC506E
Rosy Cheeks
- 009C97
≈ Caribbean Turquoise
Analogowa -30° +30°
- DC506E
Rosy Cheeks
- CB55A7
≈ Pú Táo Zǐ Purple
- DC5A22
≈ War Paint Red
Triada +120° +240°
- DC506E
Rosy Cheeks
- 629B00
≈ Gecko’s Dream
- 138AED
≈ Bleu de France
Komplementarna rozszczepiona +150° +210°
- DC506E
Rosy Cheeks
- 00A16B
≈ Biel-Tan Green
- 0097B8
≈ Bondi Blue
Tetrada +90° +180° +270°
- DC506E
Rosy Cheeks
- 9A8900
≈ Medusa Green
- 009C97
≈ Caribbean Turquoise
- 7876EE
≈ Hera Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.87:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.41:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.41:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--rosy-cheeks: #dc506e;
--rosy-cheeks-rgb: 220 80 110;
--rosy-cheeks-oklch: oklch(0.627 0.175 10.8);
}
.element {
color: var(--rosy-cheeks);
background-color: hsl(347 67% 59%);
border-color: oklch(0.627 0.175 10.8);
}Tailwind CSS v4
@theme {
--color-rosy-cheeks: #dc506e;
--color-rosy-cheeks-50: #ffe1e7;
--color-rosy-cheeks-100: #ffd0d7;
--color-rosy-cheeks-200: #ffb5bf;
--color-rosy-cheeks-300: #ff8f9e;
--color-rosy-cheeks-400: #f26c85;
--color-rosy-cheeks-500: #e14469;
--color-rosy-cheeks-600: #be3b59;
--color-rosy-cheeks-700: #992f47;
--color-rosy-cheeks-800: #722136;
--color-rosy-cheeks-900: #501625;
--color-rosy-cheeks-950: #350613;
}SCSS
$rosy-cheeks: #dc506e;
$rosy-cheeks-rgb: 220, 80, 110;
$rosy-cheeks-light: mix(#fff, $rosy-cheeks, 20%);
$rosy-cheeks-dark: mix(#000, $rosy-cheeks, 20%);
.element {
color: $rosy-cheeks;
box-shadow: 0 0 0 2px rgba($rosy-cheeks, 0.35);
}