命名颜色 · #0055DD
Frosted Blueberries
Frosted Blueberries 即 #0055DD：rgb(0 85 221)、hsl(217 100% 43%)、oklch(0.501 0.219 261.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Frosted Blueberries color name →
#0055DD
oklch(0.501 0.219 261.2)
颜色转换
- HEX
- #0055dd
- RGB
- rgb(0 85 221)
- HSL
- hsl(217 100% 43%)
- HWB
- hwb(217 0% 13%)
- OKLCH
- oklch(0.501 0.219 261.2)
- OKLab
- oklab(0.501 -0.034 -0.216)
- CIE Lab
- lab(39.4 23 -76.51)
- LCH
- lch(39.4 79.9 286.7)
- CMYK
- cmyk(100% 62% 0% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- 2669E2
- 407BE7
- 588DEC
- 6F9EF0
- 87AEF4
- 9EBFF7
- B6CFFA
- CEDFFC
- E6EFFE
深色调
- 0049C0
- 003DA4
- 003188
- 00266E
- 001C55
- 00113D
- 000826
- 000211
- 000002
灰色调
- 195CD5
- 2862CC
- 3568C3
- 416DBA
- 4C71B1
- 5775A8
- 62789F
- 6C7B95
- 767E8B
配色和谐
互补色 +180°
- 0055DD
Frosted Blueberries
- 815C00
≈ Soil of Avagddu
类似色 -30° +30°
- 0055DD
Frosted Blueberries
- 006D93
≈ Pure Light Blue
- 6B39D3
≈ Sagat Purple
三角配色 +120° +240°
- 0055DD
Frosted Blueberries
- BB002B
≈ Red Dead Redemption
- 177900
≈ Toy Camouflage
分裂互补色 +150° +210°
- 0055DD
Frosted Blueberries
- 9B4900
≈ Oregon
- 676900
≈ Earthy Khaki Green
四角配色 +90° +180° +270°
- 0055DD
Frosted Blueberries
- B20071
≈ Botticelli
- 815C00
≈ Soil of Avagddu
- 00755C
≈ Tropical Rainforest
对比度与无障碍
Ag
AA白底
WCAG 6.28:1 · APCA Lc 80
Ag
Fail黑底
WCAG 3.34:1 · APCA Lc 22
最佳文字颜色: #FFFFFF
WCAG 6.28:1 (AA) · APCA Lc 80
Contrast pairs
代码片段
CSS
:root {
--frosted-blueberries: #0055dd;
--frosted-blueberries-rgb: 0 85 221;
--frosted-blueberries-oklch: oklch(0.501 0.219 261.2);
}
.element {
color: var(--frosted-blueberries);
background-color: hsl(217 100% 43%);
border-color: oklch(0.501 0.219 261.2);
}Tailwind CSS v4
@theme {
--color-frosted-blueberries: #0055dd;
--color-frosted-blueberries-50: #d4f6ff;
--color-frosted-blueberries-100: #c2e8ff;
--color-frosted-blueberries-200: #a3d3ff;
--color-frosted-blueberries-300: #7bb3ff;
--color-frosted-blueberries-400: #4e98ff;
--color-frosted-blueberries-500: #2279ff;
--color-frosted-blueberries-600: #1f67e8;
--color-frosted-blueberries-700: #1952bb;
--color-frosted-blueberries-800: #053d8c;
--color-frosted-blueberries-900: #042a63;
--color-frosted-blueberries-950: #001644;
}SCSS
$frosted-blueberries: #0055dd;
$frosted-blueberries-rgb: 0, 85, 221;
$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);
}