Colore con nome · #CE4676
Rubber Band
Rubber Band è #CE4676: rgb(206 70 118), hsl(339 58% 54%), oklch(0.596 0.176 2.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rubber Band color name →
#CE4676
oklch(0.596 0.176 2.4)
Conversioni di colore
- HEX
- #ce4676
- RGB
- rgb(206 70 118)
- HSL
- hsl(339 58% 54%)
- HWB
- hwb(339 27% 19%)
- OKLCH
- oklch(0.596 0.176 2.4)
- OKLab
- oklab(0.596 0.175 0.007)
- CIE Lab
- lab(50.95 57.12 3.68)
- LCH
- lch(50.95 57.24 3.7)
- CMYK
- cmyk(0% 66% 43% 19%)
Tinte · Ombre · Toni
Tinte
- D55B83
- DC6F90
- E2819D
- E894AA
- EEA6B8
- F2B7C6
- F6C9D4
- FADBE2
- FDEDF0
Ombre
- B33C66
- 983256
- 7F2847
- 661E38
- 4E1529
- 380D1C
- 23050F
- 0F0205
- 020001
Toni
- C74F77
- C15678
- BA5D79
- B3637A
- AB697B
- A36E7C
- 9B737D
- 93787E
- 8A7C7F
Armonie di colore
Complementare +180°
- CE4676
Rubber Band
- 009384
≈ Silk Sari
Analogo -30° +30°
- CE4676
Rubber Band
- B84FAC
≈ Ultraviolet Nusp
- D34B33
≈ Red Lightning
Triadico +120° +240°
- CE4676
Rubber Band
- 708C00
≈ Canopy
- 0086CC
≈ Water Blue
Complementare divisa +150° +210°
- CE4676
Rubber Band
- 00984E
≈ Garnish
- 008FA3
≈ Parrot Flight
Tetradico +90° +180° +270°
- CE4676
Rubber Band
- 997C00
≈ Cerignola Olive
- 009384
≈ Silk Sari
- 5D72E6
≈ Blue Öyster Cult
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.40:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.76:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.76:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--rubber-band: #ce4676;
--rubber-band-rgb: 206 70 118;
--rubber-band-oklch: oklch(0.596 0.176 2.4);
}
.element {
color: var(--rubber-band);
background-color: hsl(339 58% 54%);
border-color: oklch(0.596 0.176 2.4);
}Tailwind CSS v4
@theme {
--color-rubber-band: #ce4676;
--color-rubber-band-50: #ffe1ef;
--color-rubber-band-100: #ffd0e1;
--color-rubber-band-200: #ffb4cb;
--color-rubber-band-300: #ff8fac;
--color-rubber-band-400: #ef6c96;
--color-rubber-band-500: #dd447c;
--color-rubber-band-600: #bb3c69;
--color-rubber-band-700: #962f54;
--color-rubber-band-800: #70213f;
--color-rubber-band-900: #4f162c;
--color-rubber-band-950: #340619;
}SCSS
$rubber-band: #ce4676;
$rubber-band-rgb: 206, 70, 118;
$rubber-band-light: mix(#fff, $rubber-band, 20%);
$rubber-band-dark: mix(#000, $rubber-band, 20%);
.element {
color: $rubber-band;
box-shadow: 0 0 0 2px rgba($rubber-band, 0.35);
}