Colore con nome più vicino · #CC3D7B
#CC3D7B
Colore con nome più vicino: Magentarama
#CC3D7B (rgb(204 61 123), hsl(334 58% 52%), oklch(0.585 0.186 358.1)) è più vicino al colore con nome Magentarama. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#CC3D7B
oklch(0.585 0.186 358.1)
Conversioni di colore
- HEX
- #cc3d7b
- RGB
- rgb(204 61 123)
- HSL
- hsl(334 58% 52%)
- HWB
- hwb(334 24% 20%)
- OKLCH
- oklch(0.585 0.186 358.1)
- OKLab
- oklab(0.585 0.186 -0.006)
- CIE Lab
- lab(49.47 60.17 -1.51)
- LCH
- lch(49.47 60.19 358.6)
- CMYK
- cmyk(0% 70% 40% 20%)
Tinte · Ombre · Toni
Tinte
- D45487
- DB6994
- E17DA1
- E790AE
- EDA2BB
- F2B5C8
- F6C7D6
- FADAE3
- FDECF1
Ombre
- B1346A
- 972B5A
- 7E224A
- 651A3A
- 4E122C
- 370A1E
- 220410
- 0F0105
- 020001
Toni
- C6477C
- BF507C
- B9587D
- B25F7D
- AB667E
- A36C7E
- 9B717F
- 93767F
- 8A7B80
Armonie di colore
Complementare +180°
- CC3D7B
Magentarama
- 00907C
≈ Miami Jade
Analogo -30° +30°
- CC3D7B
Magentarama
- B349B2
≈ Ultraviolet Nusp
- D44036
≈ Red Clown
Triadico +120° +240°
- CC3D7B
Magentarama
- 758600
≈ Swamp Green
- 0085BF
≈ Ibiza Blue
Complementare divisa +150° +210°
- CC3D7B
Magentarama
- 00953B
≈ Pixelated Grass
- 008C9B
≈ Coral Coast
Tetradico +90° +180° +270°
- CC3D7B
Magentarama
- 997600
≈ Mesozoic Green
- 00907C
≈ Miami Jade
- 4D70E9
≈ Blue Öyster Cult
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.64:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.52:1 · APCA Lc 31
Miglior colore del testo: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--magentarama: #cc3d7b;
--magentarama-rgb: 204 61 123;
--magentarama-oklch: oklch(0.585 0.186 358.1);
}
.element {
color: var(--magentarama);
background-color: hsl(334 58% 52%);
border-color: oklch(0.585 0.186 358.1);
}Tailwind CSS v4
@theme {
--color-magentarama: #cc3d7b;
--color-magentarama-50: #ffe0f3;
--color-magentarama-100: #ffcee5;
--color-magentarama-200: #ffb2d1;
--color-magentarama-300: #ff8cb3;
--color-magentarama-400: #f1689e;
--color-magentarama-500: #df3e85;
--color-magentarama-600: #bc3671;
--color-magentarama-700: #982b5a;
--color-magentarama-800: #701e44;
--color-magentarama-900: #4f142f;
--color-magentarama-950: #34051c;
}SCSS
$magentarama: #cc3d7b;
$magentarama-rgb: 204, 61, 123;
$magentarama-light: mix(#fff, $magentarama, 20%);
$magentarama-dark: mix(#000, $magentarama, 20%);
.element {
color: $magentarama;
box-shadow: 0 0 0 2px rgba($magentarama, 0.35);
}