最接近的命名颜色 · #DE8700
#DE8700
最接近的命名颜色: Fleur de Sel Caramel
#DE8700（rgb(222 135 0)、hsl(36 100% 44%)、oklch(0.7 0.156 66)）最接近命名颜色 Fleur de Sel Caramel。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DE8700
oklch(0.7 0.156 66)
颜色转换
- HEX
- #de8700
- RGB
- rgb(222 135 0)
- HSL
- hsl(36 100% 44%)
- HWB
- hwb(36 0% 13%)
- OKLCH
- oklch(0.7 0.156 66)
- OKLab
- oklab(0.7 0.063 0.142)
- CIE Lab
- lab(64.66 28.86 70.2)
- LCH
- lch(64.66 75.9 67.6)
- CMYK
- cmyk(0% 39% 100% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E29438
- E6A054
- EAAC6C
- EEB882
- F1C498
- F4D0AD
- F7DCC1
- FAE8D6
- FDF3EA
深色调
- C17500
- A56300
- 895100
- 6F4100
- 553100
- 3D2100
- 261300
- 120600
- 020100
灰色调
- D58727
- CC8739
- C28746
- B98651
- B0865B
- A78564
- 9D846B
- 948373
- 8A817A
配色和谐
互补色 +180°
- DE8700
Fleur de Sel Caramel
- 38A5F8
≈ Rockman Blue
类似色 -30° +30°
- DE8700
Fleur de Sel Caramel
- EE7656
≈ Temple of Orange
- B99D00
≈ Perennial
三角配色 +120° +240°
- DE8700
Fleur de Sel Caramel
- 00B6AA
≈ Glass Jar Blue
- B682EA
≈ Lavender Blossom
分裂互补色 +150° +210°
- DE8700
Fleur de Sel Caramel
- 00B1CF
≈ Aquarius
- 8593FE
≈ Periwinkle Blue
四角配色 +90° +180° +270°
- DE8700
Fleur de Sel Caramel
- 2DBA74
≈ Fennel Fiesta
- 38A5F8
≈ Rockman Blue
- D975C3
≈ Explicit Pink
对比度与无障碍
Ag
Fail白底
WCAG 2.77:1 · APCA Lc 53
Ag
AAA黑底
WCAG 7.57:1 · APCA Lc 49
最佳文字颜色: #000000
WCAG 7.57:1 (AAA) · APCA Lc 49
Contrast pairs
代码片段
CSS
:root {
--fleur-de-sel-caramel: #de8700;
--fleur-de-sel-caramel-rgb: 222 135 0;
--fleur-de-sel-caramel-oklch: oklch(0.7 0.156 66);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(36 100% 44%);
border-color: oklch(0.7 0.156 66);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #de8700;
--color-fleur-de-sel-caramel-50: #ffeec6;
--color-fleur-de-sel-caramel-100: #ffdfb0;
--color-fleur-de-sel-caramel-200: #ffc88b;
--color-fleur-de-sel-caramel-300: #eca759;
--color-fleur-de-sel-caramel-400: #db891d;
--color-fleur-de-sel-caramel-500: #c96b00;
--color-fleur-de-sel-caramel-600: #a95b00;
--color-fleur-de-sel-caramel-700: #884900;
--color-fleur-de-sel-caramel-800: #663300;
--color-fleur-de-sel-caramel-900: #482300;
--color-fleur-de-sel-caramel-950: #2f1100;
}SCSS
$fleur-de-sel-caramel: #de8700;
$fleur-de-sel-caramel-rgb: 222, 135, 0;
$fleur-de-sel-caramel-light: mix(#fff, $fleur-de-sel-caramel, 20%);
$fleur-de-sel-caramel-dark: mix(#000, $fleur-de-sel-caramel, 20%);
.element {
color: $fleur-de-sel-caramel;
box-shadow: 0 0 0 2px rgba($fleur-de-sel-caramel, 0.35);
}