Nazwany kolor · #E35435
Orangeade
Orangeade to #E35435: rgb(227 84 53), hsl(11 76% 55%), oklch(0.633 0.184 33.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Orangeade color name →
#E35435
oklch(0.633 0.184 33.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8684C
- ED7A61
- F18C75
- F59D88
- F8AE9C
- FBBEAF
- FDCEC3
- FEDFD7
- FFEFEB
Odcienie ciemniejsze
- C5482D
- A83C25
- 8C311D
- 712615
- 571B0E
- 3F1108
- 270803
- 120201
- 030000
Tony
- DA5B40
- D16149
- C86751
- BF6C59
- B57060
- AC7467
- A1776D
- 977B74
- 8C7D7A
Harmonie kolorów
Komplementarna +180°
- E35435
Orangeade
- 009BB3
≈ Caneel Bay
Analogowa -30° +30°
- E35435
Orangeade
- DF4E7D
≈ Feverish Passion
- C57400
≈ Dirty Orange
Triada +120° +240°
- E35435
Orangeade
- 00A55A
≈ Full Energy
- 6A7BF7
≈ Byzantine Night Blue
Komplementarna rozszczepiona +150° +210°
- E35435
Orangeade
- 00A091
≈ Turquish
- 0091E0
≈ Kahu Blue
Tetrada +90° +180° +270°
- E35435
Orangeade
- 779900
≈ Green Thumb
- 009BB3
≈ Caneel Bay
- A367E3
≈ Violet Voltage
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.75:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.58:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
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);
}