命名颜色 · #FEDBB7
Pandora’s Box
Pandora’s Box 即 #FEDBB7：rgb(254 219 183)、hsl(30 97% 86%)、oklch(0.912 0.061 67.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Pandora’s Box color name →
#FEDBB7
oklch(0.912 0.061 67.7)
颜色转换
- HEX
- #fedbb7
- RGB
- rgb(254 219 183)
- HSL
- hsl(30 97% 86%)
- HWB
- hwb(30 72% 0%)
- OKLCH
- oklch(0.912 0.061 67.7)
- OKLab
- oklab(0.912 0.023 0.057)
- CIE Lab
- lab(89.72 8.73 22.5)
- LCH
- lch(89.72 24.13 68.8)
- CMYK
- cmyk(0% 14% 28% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FEDFBE
- FEE2C6
- FFE6CD
- FFEAD4
- FFEDDB
- FFF1E2
- FFF4EA
- FFF8F1
- FFFBF8
深色调
- DDBE9F
- BDA287
- 9E8770
- 806D5A
- 635445
- 473C31
- 2D261E
- 16110C
- 030202
灰色调
- F1D2B2
- E4C8AC
- D7BFA7
- CAB6A1
- BDAD9C
- B1A496
- A49B91
- 98928B
- 8C8986
配色和谐
互补色 +180°
- FEDBB7
Pandora’s Box
- CBE5FF
≈ Fresh Water
类似色 -30° +30°
- FEDBB7
Pandora’s Box
- FFD8CC
≈ Shell Tint
- EDE3B5
≈ Buttered
三角配色 +120° +240°
- FEDBB7
Pandora’s Box
- B4F0E9
≈ East Cape
- ECD9FF
≈ Lavender Savour
分裂互补色 +150° +210°
- FEDBB7
Pandora’s Box
- B4EDFD
≈ Ice Effect
- DAE0FF
≈ Contrail
四角配色 +90° +180° +270°
- FEDBB7
Pandora’s Box
- C1EFD2
≈ Spatial Spirit
- CBE5FF
≈ Fresh Water
- FED3F0
≈ Shampoo
对比度与无障碍
Ag
Fail白底
WCAG 1.30:1 · APCA Lc 15
Ag
AAA黑底
WCAG 16.03:1 · APCA Lc 88
最佳文字颜色: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
代码片段
CSS
:root {
--pandora-s-box: #fedbb7;
--pandora-s-box-rgb: 254 219 183;
--pandora-s-box-oklch: oklch(0.912 0.061 67.7);
}
.element {
color: var(--pandora-s-box);
background-color: hsl(30 97% 86%);
border-color: oklch(0.912 0.061 67.7);
}Tailwind CSS v4
@theme {
--color-pandora-s-box: #fedbb7;
--color-pandora-s-box-50: #fff3e3;
--color-pandora-s-box-100: #f6e5d2;
--color-pandora-s-box-200: #e6d0b9;
--color-pandora-s-box-300: #ccb296;
--color-pandora-s-box-400: #b79878;
--color-pandora-s-box-500: #a27f5a;
--color-pandora-s-box-600: #896b4c;
--color-pandora-s-box-700: #6d563d;
--color-pandora-s-box-800: #513e2b;
--color-pandora-s-box-900: #392b1d;
--color-pandora-s-box-950: #23180d;
}SCSS
$pandora-s-box: #fedbb7;
$pandora-s-box-rgb: 254, 219, 183;
$pandora-s-box-light: mix(#fff, $pandora-s-box, 20%);
$pandora-s-box-dark: mix(#000, $pandora-s-box, 20%);
.element {
color: $pandora-s-box;
box-shadow: 0 0 0 2px rgba($pandora-s-box, 0.35);
}