最接近的命名颜色 · #DA3947
#DA3947
最接近的命名颜色: Poppy Red
#DA3947（rgb(218 57 71)、hsl(355 69% 54%)、oklch(0.592 0.197 21.2)）最接近命名颜色 Poppy Red。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DA3947
oklch(0.592 0.197 21.2)
颜色转换
- HEX
- #da3947
- RGB
- rgb(218 57 71)
- HSL
- hsl(355 69% 54%)
- HWB
- hwb(355 22% 15%)
- OKLCH
- oklch(0.592 0.197 21.2)
- OKLab
- oklab(0.592 0.183 0.071)
- CIE Lab
- lab(50.59 62.9 31.92)
- LCH
- lch(50.59 70.53 26.9)
- CMYK
- cmyk(0% 74% 67% 15%)
浅色调 · 深色调 · 灰色调
浅色调
- E15359
- E7696B
- EC7D7D
- F1908F
- F5A3A1
- F9B6B3
- FCC8C6
- FEDAD9
- FFEDEC
深色调
- BD303D
- A22832
- 871F28
- 6C171F
- 541016
- 3C090D
- 250406
- 110102
- 020000
灰色调
- D3454D
- CB4F54
- C3585A
- BB5F5F
- B26665
- A96C6B
- A07270
- 967775
- 8B7C7B
配色和谐
互补色 +180°
- DA3947
Poppy Red
- 008F96
≈ Christina Brown
类似色 -30° +30°
- DA3947
Poppy Red
- CE3B8C
≈ Magenta Pink
- C35D00
≈ Crema
三角配色 +120° +240°
- DA3947
Poppy Red
- 1F9800
≈ Innisfree Garden
- 3376F0
≈ Deep Sky Blue
分裂互补色 +150° +210°
- DA3947
Poppy Red
- 009375
≈ Dòu Lǜ Green
- 0089B8
≈ Mermaid Dreams
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 4.50:1 · APCA Lc 70
Ag
AA黑底
WCAG 4.65:1 · APCA Lc 32
最佳文字颜色: #000000
WCAG 4.65:1 (AA) · APCA Lc 32
Contrast pairs
代码片段
CSS
:root {
--poppy-red: #da3947;
--poppy-red-rgb: 218 57 71;
--poppy-red-oklch: oklch(0.592 0.197 21.2);
}
.element {
color: var(--poppy-red);
background-color: hsl(355 69% 54%);
border-color: oklch(0.592 0.197 21.2);
}Tailwind CSS v4
@theme {
--color-poppy-red: #da3947;
--color-poppy-red-50: #ffe0db;
--color-poppy-red-100: #ffcec9;
--color-poppy-red-200: #ffb2ac;
--color-poppy-red-300: #ff8b87;
--color-poppy-red-400: #fd646a;
--color-poppy-red-500: #ec3549;
--color-poppy-red-600: #c7303e;
--color-poppy-red-700: #a02631;
--color-poppy-red-800: #781925;
--color-poppy-red-900: #551119;
--color-poppy-red-950: #38020a;
}SCSS
$poppy-red: #da3947;
$poppy-red-rgb: 218, 57, 71;
$poppy-red-light: mix(#fff, $poppy-red, 20%);
$poppy-red-dark: mix(#000, $poppy-red, 20%);
.element {
color: $poppy-red;
box-shadow: 0 0 0 2px rgba($poppy-red, 0.35);
}