Colore con nome più vicino · #FF3A37
#FF3A37
Colore con nome più vicino: Pelati
#FF3A37 (rgb(255 58 55), hsl(1 100% 61%), oklch(0.654 0.232 27.1)) è più vicino al colore con nome Pelati. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#FF3A37
oklch(0.654 0.232 27.1)
Conversioni di colore
- HEX
- #ff3a37
- RGB
- rgb(255 58 55)
- HSL
- hsl(1 100% 61%)
- HWB
- hwb(1 22% 0%)
- OKLCH
- oklch(0.654 0.232 27.1)
- OKLab
- oklab(0.654 0.207 0.106)
- CIE Lab
- lab(57.57 72.94 50.83)
- LCH
- lch(57.57 88.9 34.9)
- CMYK
- cmyk(0% 77% 78% 0%)
Tinte · Ombre · Toni
Tinte
- FF574E
- FF6E63
- FF8376
- FF968A
- FFA99D
- FFBAB1
- FFCCC4
- FFDDD8
- FFEEEB
Ombre
- DE312E
- BE2826
- 9E201E
- 801816
- 63100F
- 480908
- 2E0403
- 160101
- 030000
Toni
- F44941
- E8544A
- DD5D53
- D1645A
- C56B61
- B87068
- AB756E
- 9E7974
- 8F7D7A
Armonie di colore
Complementare +180°
- FF3A37
Pelati
- 00A3B3
≈ Garish Blue
Analogo -30° +30°
- FF3A37
Pelati
- F53892
≈ Prickly Pink
- D67200
≈ Gold Orange
Triadico +120° +240°
- FF3A37
Pelati
- 00AE40
≈ Poison Ivy
- 5E87FF
≈ Skinny Jeans
Complementare divisa +150° +210°
- FF3A37
Pelati
- 00A88F
≈ Shindig
- 009BDC
≈ Atmosphere
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.55:1 · APCA Lc 61
Ag
AASu nero
WCAG 5.91:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 5.91:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--pelati: #ff3a37;
--pelati-rgb: 255 58 55;
--pelati-oklch: oklch(0.654 0.232 27.1);
}
.element {
color: var(--pelati);
background-color: hsl(1 100% 61%);
border-color: oklch(0.654 0.232 27.1);
}Tailwind CSS v4
@theme {
--color-pelati: #ff3a37;
--color-pelati-50: #ffddcf;
--color-pelati-100: #ffcabb;
--color-pelati-200: #ffac9a;
--color-pelati-300: #ff826f;
--color-pelati-400: #ff544c;
--color-pelati-500: #fb0019;
--color-pelati-600: #d40b19;
--color-pelati-700: #ab0c14;
--color-pelati-800: #800512;
--color-pelati-900: #5b050b;
--color-pelati-950: #3d0001;
}SCSS
$pelati: #ff3a37;
$pelati-rgb: 255, 58, 55;
$pelati-light: mix(#fff, $pelati, 20%);
$pelati-dark: mix(#000, $pelati, 20%);
.element {
color: $pelati;
box-shadow: 0 0 0 2px rgba($pelati, 0.35);
}