最接近的命名颜色 · #F5E0C1
#F5E0C1
最接近的命名颜色: Cameo
#F5E0C1（rgb(245 224 193)、hsl(36 72% 86%)、oklch(0.916 0.047 77.6)）最接近命名颜色 Cameo。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#F5E0C1
oklch(0.916 0.047 77.6)
颜色转换
- HEX
- #f5e0c1
- RGB
- rgb(245 224 193)
- HSL
- hsl(36 72% 86%)
- HWB
- hwb(36 76% 4%)
- OKLCH
- oklch(0.916 0.047 77.6)
- OKLab
- oklab(0.916 0.01 0.046)
- CIE Lab
- lab(90.31 3.92 18)
- LCH
- lch(90.31 18.42 77.7)
- CMYK
- cmyk(0% 9% 21% 4%)
浅色调 · 深色调 · 灰色调
浅色调
- F6E3C7
- F7E6CD
- F8E9D4
- F9ECDA
- FAF0E0
- FBF3E6
- FCF6EC
- FDF9F3
- FEFCF9
深色调
- D5C3A7
- B6A68F
- 988A77
- 7B705F
- 5F5649
- 443E34
- 2B2720
- 15120E
- 030202
灰色调
- E9D6BA
- DDCCB4
- D1C2AD
- C5B9A7
- B9AFA0
- ADA59A
- A29C93
- 96928D
- 8B8986
配色和谐
互补色 +180°
- F5E0C1
Cameo
- D3E5FF
≈ Veiling Waterfalls
类似色 -30° +30°
- F5E0C1
Cameo
- FFDBC9
≈ Glazed Sugar
- E6E6C2
≈ Tinted Mint
三角配色 +120° +240°
- F5E0C1
Cameo
- C0EDEE
≈ Cold Blooded
- F1DAF8
≈ Grape Taffy
分裂互补色 +150° +210°
- F5E0C1
Cameo
- C4EAFC
≈ Blue Java Banana
- E1DFFF
≈ Stoic White
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.31:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.31:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--cameo: #f5e0c1;
--cameo-rgb: 245 224 193;
--cameo-oklch: oklch(0.916 0.047 77.6);
}
.element {
color: var(--cameo);
background-color: hsl(36 72% 86%);
border-color: oklch(0.916 0.047 77.6);
}Tailwind CSS v4
@theme {
--color-cameo: #f5e0c1;
--color-cameo-50: #fcf4e7;
--color-cameo-100: #f0e7d7;
--color-cameo-200: #dfd2be;
--color-cameo-300: #c4b59d;
--color-cameo-400: #ae9b80;
--color-cameo-500: #988363;
--color-cameo-600: #806f54;
--color-cameo-700: #675843;
--color-cameo-800: #4c4030;
--color-cameo-900: #352c21;
--color-cameo-950: #201910;
}SCSS
$cameo: #f5e0c1;
$cameo-rgb: 245, 224, 193;
$cameo-light: mix(#fff, $cameo, 20%);
$cameo-dark: mix(#000, $cameo, 20%);
.element {
color: $cameo;
box-shadow: 0 0 0 2px rgba($cameo, 0.35);
}