命名颜色 · #ED2C1A
Don’t Be Shy
Don’t Be Shy 即 #ED2C1A：rgb(237 44 26)、hsl(5 85% 52%)、oklch(0.611 0.228 30.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Don’t Be Shy color name →
#ED2C1A
oklch(0.611 0.228 30.1)
颜色转换
- HEX
- #ed2c1a
- RGB
- rgb(237 44 26)
- HSL
- hsl(5 85% 52%)
- HWB
- hwb(5 10% 7%)
- OKLCH
- oklch(0.611 0.228 30.1)
- OKLab
- oklab(0.611 0.197 0.114)
- CIE Lab
- lab(52.63 70.9 58.93)
- LCH
- lch(52.63 92.19 39.7)
- CMYK
- cmyk(0% 81% 89% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- F24D3A
- F76652
- FB7B68
- FE907E
- FFA393
- FFB6A9
- FFC8BE
- FFDBD4
- FFEDE9
深色调
- CE2515
- B01E10
- 93170C
- 771107
- 5C0A04
- 420502
- 2A0201
- 140100
- 030000
灰色调
- E43E2C
- DA4B39
- D05545
- C65E4F
- BC6558
- B16C61
- A67269
- 9A7771
- 8E7C78
配色和谐
互补色 +180°
- ED2C1A
Don’t Be Shy
- 0094A6
≈ Brilliant
类似色 -30° +30°
- ED2C1A
Don’t Be Shy
- E5267D
≈ Mystic Magenta
- C06B00
≈ Thai Curry
三角配色 +120° +240°
- ED2C1A
Don’t Be Shy
- 009E48
≈ Link Green
- 5573FF
≈ Lightish Blue
分裂互补色 +150° +210°
- ED2C1A
Don’t Be Shy
- 009986
≈ Plumage
- 008CCE
≈ Zürich Blue
四角配色 +90° +180° +270°
- ED2C1A
Don’t Be Shy
- 798F00
≈ Canopy
- 0094A6
≈ Brilliant
- 9C54F4
≈ Aconite Violet
对比度与无障碍
Ag
Fail白底
WCAG 4.22:1 · APCA Lc 67
Ag
AA黑底
WCAG 4.97:1 · APCA Lc 34
最佳文字颜色: #000000
WCAG 4.97:1 (AA) · APCA Lc 34
Contrast pairs
代码片段
CSS
:root {
--don-t-be-shy: #ed2c1a;
--don-t-be-shy-rgb: 237 44 26;
--don-t-be-shy-oklch: oklch(0.611 0.228 30.1);
}
.element {
color: var(--don-t-be-shy);
background-color: hsl(5 85% 52%);
border-color: oklch(0.611 0.228 30.1);
}Tailwind CSS v4
@theme {
--color-don-t-be-shy: #ed2c1a;
--color-don-t-be-shy-50: #ffdecc;
--color-don-t-be-shy-100: #ffccb8;
--color-don-t-be-shy-200: #ffae96;
--color-don-t-be-shy-300: #ff8469;
--color-don-t-be-shy-400: #ff5843;
--color-don-t-be-shy-500: #f91000;
--color-don-t-be-shy-600: #d21706;
--color-don-t-be-shy-700: #a91407;
--color-don-t-be-shy-800: #7f0a0a;
--color-don-t-be-shy-900: #5a0707;
--color-don-t-be-shy-950: #3c0000;
}SCSS
$don-t-be-shy: #ed2c1a;
$don-t-be-shy-rgb: 237, 44, 26;
$don-t-be-shy-light: mix(#fff, $don-t-be-shy, 20%);
$don-t-be-shy-dark: mix(#000, $don-t-be-shy, 20%);
.element {
color: $don-t-be-shy;
box-shadow: 0 0 0 2px rgba($don-t-be-shy, 0.35);
}