Cor nomeada mais próxima · #4548BE
#4548BE
Cor nomeada mais próxima: Denim
#4548BE (rgb(69 72 190), hsl(239 48% 51%), oklch(0.473 0.181 275.9)) é mais próxima da cor nomeada Denim. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#4548BE
oklch(0.473 0.181 275.9)
Conversões de cor
- HEX
- #4548be
- RGB
- rgb(69 72 190)
- HSL
- hsl(239 48% 51%)
- HWB
- hwb(239 27% 25%)
- OKLCH
- oklch(0.473 0.181 275.9)
- OKLab
- oklab(0.473 0.019 -0.18)
- CIE Lab
- lab(36.16 27.94 -63.82)
- LCH
- lch(36.16 69.67 293.6)
- CMYK
- cmyk(64% 62% 0% 25%)
Tons claros · Sombras · Tons
Tons claros
- 545CC6
- 646FCE
- 7581D5
- 8793DC
- 9AA5E3
- ADB7E9
- C1C9EF
- D5DBF5
- EAEDFA
Sombras
- 3B3DA5
- 31338C
- 272975
- 1E1F5E
- 151648
- 0C0D33
- 05061F
- 02020D
- 000002
Tons
- 4950B9
- 4E57B3
- 545DAE
- 5963A8
- 5F69A2
- 656E9C
- 6C7395
- 72778F
- 797C87
Harmonias de cor
Complementar +180°
- 4548BE
Denim
- 6C5A00
≈ Brussels Sprout Green
Análoga -30° +30°
- 4548BE
Denim
- 00609B
≈ Rave Regatta
- 7534AA
≈ Purple Pristine
Tríade +120° +240°
- 4548BE
Denim
- A22A00
≈ Tabasco
- 006E3F
≈ Rainforest Retreat
Complementar dividida +150° +210°
- 4548BE
Denim
- 834D00
≈ Gédéon Brown
- 4B6700
≈ Serrano Pepper
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.18:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 2.92:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 7.18:1 (AAA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--denim: #4548be;
--denim-rgb: 69 72 190;
--denim-oklch: oklch(0.473 0.181 275.9);
}
.element {
color: var(--denim);
background-color: hsl(239 48% 51%);
border-color: oklch(0.473 0.181 275.9);
}Tailwind CSS v4
@theme {
--color-denim: #4548be;
--color-denim-50: #e8f1ff;
--color-denim-100: #d9e3ff;
--color-denim-200: #c2cdff;
--color-denim-300: #a2adff;
--color-denim-400: #8391ff;
--color-denim-500: #6a73fb;
--color-denim-600: #5962d3;
--color-denim-700: #474eaa;
--color-denim-800: #303a80;
--color-denim-900: #21285a;
--color-denim-950: #11153d;
}SCSS
$denim: #4548be;
$denim-rgb: 69, 72, 190;
$denim-light: mix(#fff, $denim, 20%);
$denim-dark: mix(#000, $denim, 20%);
.element {
color: $denim;
box-shadow: 0 0 0 2px rgba($denim, 0.35);
}