Colore con nome · #DA5640
Scarlet Sun
Scarlet Sun è #DA5640: rgb(218 86 64), hsl(9 68% 55%), oklch(0.622 0.17 31.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Scarlet Sun color name →
#DA5640
oklch(0.622 0.17 31.7)
Conversioni di colore
- HEX
- #da5640
- RGB
- rgb(218 86 64)
- HSL
- hsl(9 68% 55%)
- HWB
- hwb(9 25% 15%)
- OKLCH
- oklch(0.622 0.17 31.7)
- OKLab
- oklab(0.622 0.145 0.089)
- CIE Lab
- lab(54.64 51.81 40.5)
- LCH
- lch(54.64 65.76 38)
- CMYK
- cmyk(0% 61% 71% 15%)
Tinte · Ombre · Toni
Tinte
- E06954
- E67B67
- EB8C7A
- EF9D8D
- F3AD9F
- F7BEB2
- FACEC5
- FCDED8
- FEEFEC
Ombre
- BD4A36
- A23E2D
- 873224
- 6C271B
- 541C13
- 3C120B
- 250805
- 110201
- 020000
Toni
- D25C48
- CA6250
- C26756
- B96C5D
- B17063
- A87469
- 9E776F
- 957A75
- 8B7D7B
Armonie di colore
Complementare +180°
- DA5640
Scarlet Sun
- 0098AC
≈ Aquarium Diver
Analogo -30° +30°
- DA5640
Scarlet Sun
- D5517F
≈ Rose Turkish Delight
- C36F00
≈ Sludge
Triadico +120° +240°
- DA5640
Scarlet Sun
- 00A251
≈ Full Energy
- 647CEC
≈ Pan Purple
Complementare divisa +150° +210°
- DA5640
Scarlet Sun
- 009C8B
≈ Flamboyant Teal
- 008FD7
≈ Kahu Blue
Tetradico +90° +180° +270°
- DA5640
Scarlet Sun
- 799400
≈ Mossy Woods
- 0098AC
≈ Aquarium Diver
- 9A69DB
≈ Iridescent Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.89:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.38:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.38:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--scarlet-sun: #da5640;
--scarlet-sun-rgb: 218 86 64;
--scarlet-sun-oklch: oklch(0.622 0.17 31.7);
}
.element {
color: var(--scarlet-sun);
background-color: hsl(9 68% 55%);
border-color: oklch(0.622 0.17 31.7);
}Tailwind CSS v4
@theme {
--color-scarlet-sun: #da5640;
--color-scarlet-sun-50: #ffe4d6;
--color-scarlet-sun-100: #ffd4c3;
--color-scarlet-sun-200: #ffbaa4;
--color-scarlet-sun-300: #ff957d;
--color-scarlet-sun-400: #f2725c;
--color-scarlet-sun-500: #e04d35;
--color-scarlet-sun-600: #bd432f;
--color-scarlet-sun-700: #983525;
--color-scarlet-sun-800: #72251c;
--color-scarlet-sun-900: #501912;
--color-scarlet-sun-950: #350805;
}SCSS
$scarlet-sun: #da5640;
$scarlet-sun-rgb: 218, 86, 64;
$scarlet-sun-light: mix(#fff, $scarlet-sun, 20%);
$scarlet-sun-dark: mix(#000, $scarlet-sun, 20%);
.element {
color: $scarlet-sun;
box-shadow: 0 0 0 2px rgba($scarlet-sun, 0.35);
}