命名颜色 · #E35F1C
Blazon Skies
Blazon Skies 即 #E35F1C：rgb(227 95 28)、hsl(20 78% 50%)、oklch(0.645 0.18 42.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Blazon Skies color name →
#E35F1C
oklch(0.645 0.18 42.8)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- E8713D
- ED8255
- F1926C
- F4A281
- F7B296
- FAC2AB
- FCD1C0
- FEE0D5
- FFF0EA
深色调
- C55217
- A84412
- 8C380D
- 712C08
- 572005
- 3F1502
- 270A01
- 120300
- 030000
灰色调
- DA642F
- D1693C
- C86D48
- BE7152
- B5745A
- AB7763
- A17A6B
- 967C72
- 8B7E79
配色和谐
互补色 +180°
- E35F1C
Blazon Skies
- 009DC2
≈ Blue Ocean
类似色 -30° +30°
- E35F1C
Blazon Skies
- E5546E
≈ Bara Red
- BF7E00
≈ Guo Tie Dumpling
三角配色 +120° +240°
- E35F1C
Blazon Skies
- 00A774
≈ Bluish Green
- 817AF6
≈ Blue Party Parrot
分裂互补色 +150° +210°
- E35F1C
Blazon Skies
- 00A2A0
≈ Aqua Velvet
- 268FF6
≈ Clear Chill
四角配色 +90° +180° +270°
- E35F1C
Blazon Skies
- 60A306
≈ Prairie Green
- 009DC2
≈ Blue Ocean
- B367DA
≈ Rich Lilac
对比度与无障碍
Ag
Fail白底
WCAG 3.54:1 · APCA Lc 62
Ag
AA黑底
WCAG 5.91:1 · APCA Lc 39
最佳文字颜色: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
代码片段
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);
}