Named color · #E35F1C
Blazon Skies
Blazon Skies is #E35F1C: rgb(227 95 28), hsl(20 78% 50%), oklch(0.645 0.18 42.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Blazon Skies color name →
#E35F1C
oklch(0.645 0.18 42.8)
Color conversions
- HEX
- #e35f1c
- RGB
- rgb(227 95 28)
- HSL
- hsl(20 78% 50%)
- HWB
- hwb(20 11% 11%)
- OKLCH
- oklch(0.645 0.18 42.8)
- OKLab
- oklab(0.645 0.132 0.122)
- CIE Lab
- lab(57.43 50.29 60.27)
- LCH
- lch(57.43 78.5 50.2)
- CMYK
- cmyk(0% 58% 88% 11%)
Tints · Shades · Tones
Tints
- E8713D
- ED8255
- F1926C
- F4A281
- F7B296
- FAC2AB
- FCD1C0
- FEE0D5
- FFF0EA
Shades
- C55217
- A84412
- 8C380D
- 712C08
- 572005
- 3F1502
- 270A01
- 120300
- 030000
Tones
- DA642F
- D1693C
- C86D48
- BE7152
- B5745A
- AB7763
- A17A6B
- 967C72
- 8B7E79
Color harmonies
Complementary +180°
- E35F1C
Blazon Skies
- 009DC2
≈ Blue Ocean
Analogous -30° +30°
- E35F1C
Blazon Skies
- E5546E
≈ Bara Red
- BF7E00
≈ Guo Tie Dumpling
Triadic +120° +240°
- E35F1C
Blazon Skies
- 00A774
≈ Bluish Green
- 817AF6
≈ Blue Party Parrot
Split-complementary +150° +210°
- E35F1C
Blazon Skies
- 00A2A0
≈ Aqua Velvet
- 268FF6
≈ Clear Chill
Tetradic +90° +180° +270°
- E35F1C
Blazon Skies
- 60A306
≈ Prairie Green
- 009DC2
≈ Blue Ocean
- B367DA
≈ Rich Lilac
Contrast & accessibility
Ag
FailOn white
WCAG 3.54:1 · APCA Lc 62
Ag
AAOn black
WCAG 5.91:1 · APCA Lc 39
Best text color: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
Code snippets
CSS
:root {
--blazon-skies: #e35f1c;
--blazon-skies-rgb: 227 95 28;
--blazon-skies-oklch: oklch(0.645 0.18 42.8);
}
.element {
color: var(--blazon-skies);
background-color: hsl(20 78% 50%);
border-color: oklch(0.645 0.18 42.8);
}Tailwind CSS v4
@theme {
--color-blazon-skies: #e35f1c;
--color-blazon-skies-50: #ffe6cb;
--color-blazon-skies-100: #ffd6b7;
--color-blazon-skies-200: #ffbb94;
--color-blazon-skies-300: #ff9766;
--color-blazon-skies-400: #f3743c;
--color-blazon-skies-500: #e14f00;
--color-blazon-skies-600: #be4400;
--color-blazon-skies-700: #993600;
--color-blazon-skies-800: #732501;
--color-blazon-skies-900: #511902;
--color-blazon-skies-950: #360800;
}SCSS
$blazon-skies: #e35f1c;
$blazon-skies-rgb: 227, 95, 28;
$blazon-skies-light: mix(#fff, $blazon-skies, 20%);
$blazon-skies-dark: mix(#000, $blazon-skies, 20%);
.element {
color: $blazon-skies;
box-shadow: 0 0 0 2px rgba($blazon-skies, 0.35);
}