Colore con nome · #E35435
Orangeade
Orangeade è #E35435: rgb(227 84 53), hsl(11 76% 55%), oklch(0.633 0.184 33.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Orangeade color name →
#E35435
oklch(0.633 0.184 33.8)
Conversioni di colore
- HEX
- #e35435
- RGB
- rgb(227 84 53)
- HSL
- hsl(11 76% 55%)
- HWB
- hwb(11 21% 11%)
- OKLCH
- oklch(0.633 0.184 33.8)
- OKLab
- oklab(0.633 0.153 0.102)
- CIE Lab
- lab(55.75 55.44 48.01)
- LCH
- lch(55.75 73.34 40.9)
- CMYK
- cmyk(0% 63% 77% 11%)
Tinte · Ombre · Toni
Tinte
- E8684C
- ED7A61
- F18C75
- F59D88
- F8AE9C
- FBBEAF
- FDCEC3
- FEDFD7
- FFEFEB
Ombre
- C5482D
- A83C25
- 8C311D
- 712615
- 571B0E
- 3F1108
- 270803
- 120201
- 030000
Toni
- DA5B40
- D16149
- C86751
- BF6C59
- B57060
- AC7467
- A1776D
- 977B74
- 8C7D7A
Armonie di colore
Complementare +180°
- E35435
Orangeade
- 009BB3
≈ Caneel Bay
Analogo -30° +30°
- E35435
Orangeade
- DF4E7D
≈ Feverish Passion
- C57400
≈ Dirty Orange
Triadico +120° +240°
- E35435
Orangeade
- 00A55A
≈ Full Energy
- 6A7BF7
≈ Byzantine Night Blue
Complementare divisa +150° +210°
- E35435
Orangeade
- 00A091
≈ Turquish
- 0091E0
≈ Kahu Blue
Tetradico +90° +180° +270°
- E35435
Orangeade
- 779900
≈ Green Thumb
- 009BB3
≈ Caneel Bay
- A367E3
≈ Violet Voltage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.75:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.58:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--orangeade: #e35435;
--orangeade-rgb: 227 84 53;
--orangeade-oklch: oklch(0.633 0.184 33.8);
}
.element {
color: var(--orangeade);
background-color: hsl(11 76% 55%);
border-color: oklch(0.633 0.184 33.8);
}Tailwind CSS v4
@theme {
--color-orangeade: #e35435;
--color-orangeade-50: #ffe3d1;
--color-orangeade-100: #ffd3be;
--color-orangeade-200: #ffb89d;
--color-orangeade-300: #ff9273;
--color-orangeade-400: #f76e50;
--color-orangeade-500: #e64622;
--color-orangeade-600: #c23d1f;
--color-orangeade-700: #9c3119;
--color-orangeade-800: #752114;
--color-orangeade-900: #53160c;
--color-orangeade-950: #370602;
}SCSS
$orangeade: #e35435;
$orangeade-rgb: 227, 84, 53;
$orangeade-light: mix(#fff, $orangeade, 20%);
$orangeade-dark: mix(#000, $orangeade, 20%);
.element {
color: $orangeade;
box-shadow: 0 0 0 2px rgba($orangeade, 0.35);
}