最接近的命名颜色 · #BED7D0
#BED7D0
最接近的命名颜色: Aquatic Edge
#BED7D0（rgb(190 215 208)、hsl(163 24% 79%)、oklch(0.859 0.028 176.9)）最接近命名颜色 Aquatic Edge。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#BED7D0
oklch(0.859 0.028 176.9)
颜色转换
- HEX
- #bed7d0
- RGB
- rgb(190 215 208)
- HSL
- hsl(163 24% 79%)
- HWB
- hwb(163 75% 16%)
- OKLCH
- oklch(0.859 0.028 176.9)
- OKLab
- oklab(0.859 -0.028 0.002)
- CIE Lab
- lab(83.96 -9.66 0.49)
- LCH
- lch(83.96 9.68 177.1)
- CMYK
- cmyk(12% 0% 3% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- C4DBD5
- CBDFD9
- D1E3DE
- D8E7E3
- DEEBE7
- E5EFEC
- EBF3F1
- F2F7F5
- F8FBFA
深色调
- A5BBB5
- 8C9F9A
- 758580
- 5E6B67
- 48524F
- 333B39
- 1F2523
- 0D1110
- 020202
灰色调
- B8CEC8
- B1C5BF
- ABBCB7
- A5B3AF
- 9FABA7
- 98A29F
- 929997
- 8C918F
- 868888
配色和谐
互补色 +180°
- BED7D0
Aquatic Edge
- E1C9D1
≈ Sweet and Sassy
类似色 -30° +30°
- BED7D0
Aquatic Edge
- C5D6C6
≈ New Moss
- BCD6DA
≈ Light Sky Chase
三角配色 +120° +240°
- BED7D0
Aquatic Edge
- D2CDE1
≈ Potentially Purple
- E0CCBF
≈ Belle of the Ball
分裂互补色 +150° +210°
- BED7D0
Aquatic Edge
- DBCADA
≈ Creamy Mauve
- E3CAC7
≈ Satin Teddy
四角配色 +90° +180° +270°
- BED7D0
Aquatic Edge
- C8D0E4
≈ Love Crystal
- E1C9D1
≈ Sweet and Sassy
- D9D0BC
≈ Pebblebrook
对比度与无障碍
Ag
Fail白底
WCAG 1.51:1 · APCA Lc 24
Ag
AAA黑底
WCAG 13.82:1 · APCA Lc 79
最佳文字颜色: #000000
WCAG 13.82:1 (AAA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--aquatic-edge: #bed7d0;
--aquatic-edge-rgb: 190 215 208;
--aquatic-edge-oklch: oklch(0.859 0.028 176.9);
}
.element {
color: var(--aquatic-edge);
background-color: hsl(163 24% 79%);
border-color: oklch(0.859 0.028 176.9);
}Tailwind CSS v4
@theme {
--color-aquatic-edge: #bed7d0;
--color-aquatic-edge-50: #edf8f5;
--color-aquatic-edge-100: #deebe8;
--color-aquatic-edge-200: #c8d8d4;
--color-aquatic-edge-300: #a9bcb7;
--color-aquatic-edge-400: #8ea49e;
--color-aquatic-edge-500: #738d86;
--color-aquatic-edge-600: #617771;
--color-aquatic-edge-700: #4e5f5a;
--color-aquatic-edge-800: #384642;
--color-aquatic-edge-900: #27302d;
--color-aquatic-edge-950: #151c1a;
}SCSS
$aquatic-edge: #bed7d0;
$aquatic-edge-rgb: 190, 215, 208;
$aquatic-edge-light: mix(#fff, $aquatic-edge, 20%);
$aquatic-edge-dark: mix(#000, $aquatic-edge, 20%);
.element {
color: $aquatic-edge;
box-shadow: 0 0 0 2px rgba($aquatic-edge, 0.35);
}