Cor nomeada · #150AEC
Burning Ultrablue
Burning Ultrablue é #150AEC: rgb(21 10 236), hsl(243 92% 48%), oklch(0.434 0.29 266). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Burning Ultrablue color name →
#150AEC
oklch(0.434 0.29 266)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 1D40F1
- 305DF5
- 4775F9
- 5F8BFC
- 799FFE
- 92B3FF
- ADC7FF
- C8DAFF
- E3ECFF
Sombras
- 1107CD
- 0C05AF
- 080392
- 050276
- 03015B
- 020142
- 010029
- 000013
- 000003
Tons
- 162FE2
- 1E41D9
- 284ECF
- 3459C5
- 4062BA
- 4D69B0
- 5970A5
- 667699
- 737B8D
Harmonias de cor
Complementar +180°
- 150AEC
Burning Ultrablue
- 664C00
≈ Antique Bronze
Análoga -30° +30°
- 150AEC
Burning Ultrablue
- 00577D
≈ Real Mccoy
- 6300C0
≈ Purplue
Tríade +120° +240°
- 150AEC
Burning Ultrablue
- 9B0012
≈ Caraquenian Crimson
- 00631C
≈ Woodland Wonder
Complementar dividida +150° +210°
- 150AEC
Burning Ultrablue
- 7B3E00
≈ Hazelnut Chocolate
- 4F5700
≈ Douro
Tétrade +90° +180° +270°
- 150AEC
Burning Ultrablue
- 940054
≈ Strong Cerise
- 664C00
≈ Antique Bronze
- 005F4F
≈ Alpine Green
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.18:1 · APCA Lc 88
Ag
FailSobre preto
WCAG 2.28:1 · APCA Lc 14
Melhor cor de texto: #FFFFFF
WCAG 9.18:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
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);
}