Najbliższy nazwany kolor · #CD5264
#CD5264
Najbliższy nazwany kolor: Cabaret
#CD5264 (rgb(205 82 100), hsl(351 55% 56%), oklch(0.604 0.156 14.2)) jest najbliższy nazwanemu kolorowi Cabaret. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CD5264
oklch(0.604 0.156 14.2)
Konwersje koloru
- HEX
- #cd5264
- RGB
- rgb(205 82 100)
- HSL
- hsl(351 55% 56%)
- HWB
- hwb(351 32% 20%)
- OKLCH
- oklch(0.604 0.156 14.2)
- OKLab
- oklab(0.604 0.151 0.038)
- CIE Lab
- lab(52.29 50.7 16.29)
- LCH
- lch(52.29 53.25 17.8)
- CMYK
- cmyk(0% 60% 51% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D46573
- DB7781
- E18890
- E7999F
- ECAAAF
- F1BBBE
- F5CCCE
- F9DDDE
- FCEEEF
Odcienie ciemniejsze
- B24656
- 983B48
- 7E2F3B
- 66252E
- 4E1A22
- 381116
- 23080B
- 0F0203
- 020000
Tony
- C65967
- C05E6A
- B9646D
- B2696F
- AA6D72
- A37175
- 9B7578
- 92797B
- 897D7D
Harmonie kolorów
Komplementarna +180°
- CD5264
Cabaret
- 009494
≈ Paradise Landscape
Analogowa -30° +30°
- CD5264
Cabaret
- BF5598
≈ Llilacquered
- CB5C23
≈ Bright Delight
Triada +120° +240°
- CD5264
Cabaret
- 579423
≈ Pont Moss
- 3482DC
≈ Soothing Sapphire
Komplementarna rozszczepiona +150° +210°
- CD5264
Cabaret
- 00996D
≈ Rainforest
- 008FB4
≈ Cool Tide
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.21:1 · APCA Lc 68
Ag
AANa czerni
WCAG 4.98:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.98:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--cabaret: #cd5264;
--cabaret-rgb: 205 82 100;
--cabaret-oklch: oklch(0.604 0.156 14.2);
}
.element {
color: var(--cabaret);
background-color: hsl(351 55% 56%);
border-color: oklch(0.604 0.156 14.2);
}Tailwind CSS v4
@theme {
--color-cabaret: #cd5264;
--color-cabaret-50: #ffe4e6;
--color-cabaret-100: #ffd3d6;
--color-cabaret-200: #ffb9bd;
--color-cabaret-300: #fd959c;
--color-cabaret-400: #eb7382;
--color-cabaret-500: #d95066;
--color-cabaret-600: #b74556;
--color-cabaret-700: #933745;
--color-cabaret-800: #6e2633;
--color-cabaret-900: #4d1a23;
--color-cabaret-950: #330912;
}SCSS
$cabaret: #cd5264;
$cabaret-rgb: 205, 82, 100;
$cabaret-light: mix(#fff, $cabaret, 20%);
$cabaret-dark: mix(#000, $cabaret, 20%);
.element {
color: $cabaret;
box-shadow: 0 0 0 2px rgba($cabaret, 0.35);
}