命名颜色 · #150AEC
Burning Ultrablue
Burning Ultrablue 即 #150AEC：rgb(21 10 236)、hsl(243 92% 48%)、oklch(0.434 0.29 266)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Burning Ultrablue color name →
#150AEC
oklch(0.434 0.29 266)
颜色转换
- HEX
- #150aec
- RGB
- rgb(21 10 236)
- HSL
- hsl(243 92% 48%)
- HWB
- hwb(243 4% 7%)
- OKLCH
- oklch(0.434 0.29 266)
- OKLab
- oklab(0.434 -0.02 -0.289)
- CIE Lab
- lab(28.03 62.89 -103.87)
- LCH
- lch(28.03 121.43 301.2)
- CMYK
- cmyk(91% 96% 0% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- 1D40F1
- 305DF5
- 4775F9
- 5F8BFC
- 799FFE
- 92B3FF
- ADC7FF
- C8DAFF
- E3ECFF
深色调
- 1107CD
- 0C05AF
- 080392
- 050276
- 03015B
- 020142
- 010029
- 000013
- 000003
灰色调
- 162FE2
- 1E41D9
- 284ECF
- 3459C5
- 4062BA
- 4D69B0
- 5970A5
- 667699
- 737B8D
配色和谐
互补色 +180°
- 150AEC
Burning Ultrablue
- 664C00
≈ Antique Bronze
类似色 -30° +30°
- 150AEC
Burning Ultrablue
- 00577D
≈ Real Mccoy
- 6300C0
≈ Purplue
三角配色 +120° +240°
- 150AEC
Burning Ultrablue
- 9B0012
≈ Caraquenian Crimson
- 00631C
≈ Woodland Wonder
分裂互补色 +150° +210°
- 150AEC
Burning Ultrablue
- 7B3E00
≈ Hazelnut Chocolate
- 4F5700
≈ Douro
四角配色 +90° +180° +270°
- 150AEC
Burning Ultrablue
- 940054
≈ Strong Cerise
- 664C00
≈ Antique Bronze
- 005F4F
≈ Alpine Green
对比度与无障碍
Ag
AAA白底
WCAG 9.18:1 · APCA Lc 88
Ag
Fail黑底
WCAG 2.28:1 · APCA Lc 14
最佳文字颜色: #FFFFFF
WCAG 9.18:1 (AAA) · APCA Lc 88
Contrast pairs
代码片段
CSS
:root {
--burning-ultrablue: #150aec;
--burning-ultrablue-rgb: 21 10 236;
--burning-ultrablue-oklch: oklch(0.434 0.29 266);
}
.element {
color: var(--burning-ultrablue);
background-color: hsl(243 92% 48%);
border-color: oklch(0.434 0.29 266);
}Tailwind CSS v4
@theme {
--color-burning-ultrablue: #150aec;
--color-burning-ultrablue-50: #d1f3ff;
--color-burning-ultrablue-100: #bee4ff;
--color-burning-ultrablue-200: #9fccff;
--color-burning-ultrablue-300: #78a9ff;
--color-burning-ultrablue-400: #4d88ff;
--color-burning-ultrablue-500: #2e5fff;
--color-burning-ultrablue-600: #2752ff;
--color-burning-ultrablue-700: #1e42da;
--color-burning-ultrablue-800: #0831a4;
--color-burning-ultrablue-900: #052275;
--color-burning-ultrablue-950: #000e52;
}SCSS
$burning-ultrablue: #150aec;
$burning-ultrablue-rgb: 21, 10, 236;
$burning-ultrablue-light: mix(#fff, $burning-ultrablue, 20%);
$burning-ultrablue-dark: mix(#000, $burning-ultrablue, 20%);
.element {
color: $burning-ultrablue;
box-shadow: 0 0 0 2px rgba($burning-ultrablue, 0.35);
}