最接近的命名颜色 · #FE536E
#FE536E
最接近的命名颜色: Ripe Malinka
#FE536E（rgb(254 83 110)、hsl(351 99% 66%)、oklch(0.683 0.206 15.4)）最接近命名颜色 Ripe Malinka。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#FE536E
oklch(0.683 0.206 15.4)
颜色转换
- HEX
- #fe536e
- RGB
- rgb(254 83 110)
- HSL
- hsl(351 99% 66%)
- HWB
- hwb(351 33% 0%)
- OKLCH
- oklch(0.683 0.206 15.4)
- OKLab
- oklab(0.683 0.199 0.055)
- CIE Lab
- lab(60.96 66.69 23.69)
- LCH
- lch(60.96 70.77 19.6)
- CMYK
- cmyk(0% 67% 57% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FF687C
- FF7C8A
- FF8E98
- FF9FA6
- FFAFB5
- FFC0C3
- FFD0D2
- FFE0E1
- FFEFF0
深色调
- DD475F
- BD3B50
- 9E3041
- 802533
- 631B26
- 471119
- 2D080E
- 160204
- 030001
灰色调
- F25B70
- E76272
- DB6874
- CF6D76
- C37178
- B7757A
- AA797B
- 9C7B7D
- 8F7E7E
配色和谐
互补色 +180°
- FE536E
Ripe Malinka
- 00AFB0
≈ Laguna Green
类似色 -30° +30°
- FE536E
Ripe Malinka
- EC58B5
≈ Crumbly Lipstick
- F56800
≈ Royal Flycatcher Crest
三角配色 +120° +240°
- FE536E
Ripe Malinka
- 5BB300
≈ Kermit Green
- 489AFF
≈ Sky Dancer
分裂互补色 +150° +210°
- FE536E
Ripe Malinka
- 00B484
≈ Dark Mountain Meadow
- 00A9D6
≈ Malibu Blue
四角配色 +90° +180° +270°
- FE536E
Ripe Malinka
- A79D00
≈ Nuclear Fallout
- 00AFB0
≈ Laguna Green
- 9185FF
≈ Periwinkle
对比度与无障碍
Ag
Fail白底
WCAG 3.14:1 · APCA Lc 57
Ag
AA黑底
WCAG 6.67:1 · APCA Lc 44
最佳文字颜色: #000000
WCAG 6.67:1 (AA) · APCA Lc 44
Contrast pairs
代码片段
CSS
:root {
--ripe-malinka: #fe536e;
--ripe-malinka-rgb: 254 83 110;
--ripe-malinka-oklch: oklch(0.683 0.206 15.4);
}
.element {
color: var(--ripe-malinka);
background-color: hsl(351 99% 66%);
border-color: oklch(0.683 0.206 15.4);
}Tailwind CSS v4
@theme {
--color-ripe-malinka: #fe536e;
--color-ripe-malinka-50: #ffdee0;
--color-ripe-malinka-100: #ffcccf;
--color-ripe-malinka-200: #ffafb4;
--color-ripe-malinka-300: #ff8790;
--color-ripe-malinka-400: #ff5e75;
--color-ripe-malinka-500: #ef2a57;
--color-ripe-malinka-600: #ca274a;
--color-ripe-malinka-700: #a2203b;
--color-ripe-malinka-800: #79142d;
--color-ripe-malinka-900: #560e1e;
--color-ripe-malinka-950: #39000e;
}SCSS
$ripe-malinka: #fe536e;
$ripe-malinka-rgb: 254, 83, 110;
$ripe-malinka-light: mix(#fff, $ripe-malinka, 20%);
$ripe-malinka-dark: mix(#000, $ripe-malinka, 20%);
.element {
color: $ripe-malinka;
box-shadow: 0 0 0 2px rgba($ripe-malinka, 0.35);
}