最接近的命名颜色 · #005BD9
#005BD9
最接近的命名颜色: Frosted Blueberries
#005BD9（rgb(0 91 217)、hsl(215 100% 43%)、oklch(0.509 0.207 259.9)）最接近命名颜色 Frosted Blueberries。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#005BD9
oklch(0.509 0.207 259.9)
颜色转换
- HEX
- #005bd9
- RGB
- rgb(0 91 217)
- HSL
- hsl(215 100% 43%)
- HWB
- hwb(215 0% 15%)
- OKLCH
- oklch(0.509 0.207 259.9)
- OKLab
- oklab(0.509 -0.036 -0.204)
- CIE Lab
- lab(40.75 17.93 -72.04)
- LCH
- lch(40.75 74.24 284)
- CMYK
- cmyk(100% 58% 0% 15%)
浅色调 · 深色调 · 灰色调
浅色调
- 286EDF
- 427FE4
- 5A90E9
- 71A0ED
- 89B0F1
- A0C0F5
- B7D0F8
- CFE0FB
- E7EFFD
深色调
- 004EBC
- 0041A1
- 003586
- 00296C
- 001E53
- 00133B
- 000925
- 000311
- 000002
灰色调
- 1A61D1
- 2A66C9
- 376BC0
- 436FB8
- 4E73AF
- 5976A6
- 63799D
- 6D7C94
- 767E8A
配色和谐
互补色 +180°
- 005BD9
Frosted Blueberries
- 855E00
≈ Soil of Avagddu
类似色 -30° +30°
- 005BD9
Frosted Blueberries
- 007094
≈ Tropic Sea
- 6A42D1
≈ Dragonlord Purple
三角配色 +120° +240°
- 005BD9
Frosted Blueberries
- BF0031
≈ Crimson Glory
- 237B00
≈ Botanical Beauty
分裂互补色 +150° +210°
- 005BD9
Frosted Blueberries
- A04900
≈ Oregon
- 6A6B00
≈ Brownish Green
四角配色 +90° +180° +270°
- 005BD9
Frosted Blueberries
- B30D76
≈ King’s Plum Pie
- 855E00
≈ Soil of Avagddu
- 00785D
≈ Emerald Dream
对比度与无障碍
Ag
AA白底
WCAG 6.00:1 · APCA Lc 79
Ag
Fail黑底
WCAG 3.49:1 · APCA Lc 23
最佳文字颜色: #FFFFFF
WCAG 6.00:1 (AA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--frosted-blueberries: #005bd9;
--frosted-blueberries-rgb: 0 91 217;
--frosted-blueberries-oklch: oklch(0.509 0.207 259.9);
}
.element {
color: var(--frosted-blueberries);
background-color: hsl(215 100% 43%);
border-color: oklch(0.509 0.207 259.9);
}Tailwind CSS v4
@theme {
--color-frosted-blueberries: #005bd9;
--color-frosted-blueberries-50: #d5f6ff;
--color-frosted-blueberries-100: #c2e9ff;
--color-frosted-blueberries-200: #a3d4ff;
--color-frosted-blueberries-300: #7bb5ff;
--color-frosted-blueberries-400: #4f9aff;
--color-frosted-blueberries-500: #217cff;
--color-frosted-blueberries-600: #1e6ae1;
--color-frosted-blueberries-700: #1855b5;
--color-frosted-blueberries-800: #053e88;
--color-frosted-blueberries-900: #042b60;
--color-frosted-blueberries-950: #001842;
}SCSS
$frosted-blueberries: #005bd9;
$frosted-blueberries-rgb: 0, 91, 217;
$frosted-blueberries-light: mix(#fff, $frosted-blueberries, 20%);
$frosted-blueberries-dark: mix(#000, $frosted-blueberries, 20%);
.element {
color: $frosted-blueberries;
box-shadow: 0 0 0 2px rgba($frosted-blueberries, 0.35);
}