最接近的命名颜色 · #A5EDAC
#A5EDAC
最接近的命名颜色: Ultra Mint
#A5EDAC（rgb(165 237 172)、hsl(126 67% 79%)、oklch(0.882 0.114 146.9)）最接近命名颜色 Ultra Mint。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A5EDAC
oklch(0.882 0.114 146.9)
颜色转换
- HEX
- #a5edac
- RGB
- rgb(165 237 172)
- HSL
- hsl(126 67% 79%)
- HWB
- hwb(126 65% 7%)
- OKLCH
- oklch(0.882 0.114 146.9)
- OKLab
- oklab(0.882 -0.096 0.062)
- CIE Lab
- lab(87.77 -32.8 24.18)
- LCH
- lch(87.77 40.75 143.6)
- CMYK
- cmyk(30% 0% 27% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- AFEFB4
- B8F1BD
- C1F3C5
- CAF5CD
- D3F7D6
- DCF8DE
- E5FAE6
- EEFCEF
- F6FDF7
深色调
- 8FCE95
- 79B07F
- 659369
- 517754
- 3D5C40
- 2B422D
- 1A2A1B
- 0A140B
- 010301
灰色调
- A2E2A8
- 9FD6A3
- 9BCB9F
- 98C09B
- 94B596
- 90AB92
- 8CA08E
- 889589
- 848B85
配色和谐
互补色 +180°
- A5EDAC
Ultra Mint
- FFBFFE
≈ Distilled Rose
类似色 -30° +30°
- A5EDAC
Ultra Mint
- D3E289
≈ Refreshed
- 7BF1D7
≈ Tiffany Blue
三角配色 +120° +240°
- A5EDAC
Ultra Mint
- C7D8FF
≈ Pale Phthalo Blue
- FFC9C2
≈ Caro
分裂互补色 +150° +210°
- A5EDAC
Ultra Mint
- DCD0FF
≈ Pale Lavender
- FFC6D9
≈ Sweet Serenade
四角配色 +90° +180° +270°
- A5EDAC
Ultra Mint
- AFE0FF
≈ Droplet
- FFBFFE
≈ Distilled Rose
- FFCCA8
≈ Peach Crayon
对比度与无障碍
Ag
Fail白底
WCAG 1.37:1 · APCA Lc 18
Ag
AAA黑底
WCAG 15.30:1 · APCA Lc 85
最佳文字颜色: #000000
WCAG 15.30:1 (AAA) · APCA Lc 85
Contrast pairs
代码片段
CSS
:root {
--ultra-mint: #a5edac;
--ultra-mint-rgb: 165 237 172;
--ultra-mint-oklch: oklch(0.882 0.114 146.9);
}
.element {
color: var(--ultra-mint);
background-color: hsl(126 67% 79%);
border-color: oklch(0.882 0.114 146.9);
}Tailwind CSS v4
@theme {
--color-ultra-mint: #a5edac;
--color-ultra-mint-50: #e0ffe4;
--color-ultra-mint-100: #cff3d3;
--color-ultra-mint-200: #b3e2ba;
--color-ultra-mint-300: #8ec897;
--color-ultra-mint-400: #6fb176;
--color-ultra-mint-500: #4c9a57;
--color-ultra-mint-600: #41824b;
--color-ultra-mint-700: #34683b;
--color-ultra-mint-800: #274d28;
--color-ultra-mint-900: #1a351b;
--color-ultra-mint-950: #0a200b;
}SCSS
$ultra-mint: #a5edac;
$ultra-mint-rgb: 165, 237, 172;
$ultra-mint-light: mix(#fff, $ultra-mint, 20%);
$ultra-mint-dark: mix(#000, $ultra-mint, 20%);
.element {
color: $ultra-mint;
box-shadow: 0 0 0 2px rgba($ultra-mint, 0.35);
}