Nazwany kolor · #C92351
Rose Red
Rose Red to #C92351: rgb(201 35 81), hsl(343 70% 46%), oklch(0.547 0.199 12). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rose Red color name →
#C92351
oklch(0.547 0.199 12)
Konwersje koloru
- HEX
- #c92351
- RGB
- rgb(201 35 81)
- HSL
- hsl(343 70% 46%)
- HWB
- hwb(343 14% 21%)
- OKLCH
- oklch(0.547 0.199 12)
- OKLab
- oklab(0.547 0.194 0.041)
- CIE Lab
- lab(45.22 64.41 18.29)
- LCH
- lch(45.22 66.96 15.9)
- CMYK
- cmyk(0% 83% 60% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D24361
- DA5B71
- E17182
- E78693
- ED9BA4
- F2AFB6
- F7C3C8
- FAD7DA
- FDEBEC
Odcienie ciemniejsze
- AE1D45
- 95173A
- 7C112F
- 640C24
- 4C071A
- 360410
- 220107
- 0F0002
- 020000
Tony
- C33556
- BE425B
- B84D5F
- B15664
- AA5E69
- A3666D
- 9C6D72
- 937477
- 8A7A7B
Harmonie kolorów
Komplementarna +180°
- C92351
Rose Red
- 00827F
≈ Pond Bath
Analogowa -30° +30°
- C92351
Rose Red
- B82E90
≈ Fandango
- BB4500
≈ Bolognese
Triada +120° +240°
- C92351
Rose Red
- 4D8200
≈ Avocado
- 0071CC
≈ Wizard Blue
Komplementarna rozszczepiona +150° +210°
- C92351
Rose Red
- 00865B
≈ Primal Green
- 007D9B
≈ Amazing Sky
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.46:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.84:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.46:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--rose-red: #c92351;
--rose-red-rgb: 201 35 81;
--rose-red-oklch: oklch(0.547 0.199 12);
}
.element {
color: var(--rose-red);
background-color: hsl(343 70% 46%);
border-color: oklch(0.547 0.199 12);
}Tailwind CSS v4
@theme {
--color-rose-red: #c92351;
--color-rose-red-50: #ffdfe4;
--color-rose-red-100: #ffcdd4;
--color-rose-red-200: #ffb0ba;
--color-rose-red-300: #ff8998;
--color-rose-red-400: #fc627f;
--color-rose-red-500: #eb3262;
--color-rose-red-600: #c62d53;
--color-rose-red-700: #a02442;
--color-rose-red-800: #771832;
--color-rose-red-900: #541022;
--color-rose-red-950: #380211;
}SCSS
$rose-red: #c92351;
$rose-red-rgb: 201, 35, 81;
$rose-red-light: mix(#fff, $rose-red, 20%);
$rose-red-dark: mix(#000, $rose-red, 20%);
.element {
color: $rose-red;
box-shadow: 0 0 0 2px rgba($rose-red, 0.35);
}