Cor nomeada mais próxima · #3E55E0
#3E55E0
Cor nomeada mais próxima: Warm Blue
#3E55E0 (rgb(62 85 224), hsl(231 72% 56%), oklch(0.52 0.211 270)) é mais próxima da cor nomeada Warm Blue. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#3E55E0
oklch(0.52 0.211 270)
Conversões de cor
- HEX
- #3e55e0
- RGB
- rgb(62 85 224)
- HSL
- hsl(231 72% 56%)
- HWB
- hwb(231 24% 12%)
- OKLCH
- oklch(0.52 0.211 270)
- OKLab
- oklab(0.52 0 -0.211)
- CIE Lab
- lab(41.38 28.93 -74.91)
- LCH
- lch(41.38 80.3 291.1)
- CMYK
- cmyk(72% 62% 0% 12%)
Tons claros · Sombras · Tons
Tons claros
- 4D69E5
- 5E7BEA
- 718CEE
- 839DF2
- 97AEF5
- ABBEF8
- BFCFFA
- D4DFFC
- E9EFFE
Sombras
- 3549C3
- 2B3DA6
- 23318A
- 1A2670
- 121C56
- 0A113E
- 040827
- 010212
- 000002
Tons
- 435CD7
- 4962CE
- 4F67C5
- 566CBC
- 5C70B3
- 6374A9
- 6A789F
- 717B95
- 797E8B
Harmonias de cor
Complementar +180°
- 3E55E0
Warm Blue
- 816500
≈ Alligator
Análoga -30° +30°
- 3E55E0
Warm Blue
- 0070A6
≈ Quarterdeck
- 7F3CCD
≈ Purple Rain
Tríade +120° +240°
- 3E55E0
Warm Blue
- C50D00
≈ Hell Rider
- 007F38
≈ Charmed Green
Complementar dividida +150° +210°
- 3E55E0
Warm Blue
- 9A5500
≈ Charlie Brown
- 607200
≈ Topiary Green
Tétrade +90° +180° +270°
- 3E55E0
Warm Blue
- BF0064
≈ Spiced Purple
- 816500
≈ Alligator
- 007A6B
≈ Pond Moss
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.86:1 · APCA Lc 79
Ag
FailSobre preto
WCAG 3.58:1 · APCA Lc 23
Melhor cor de texto: #FFFFFF
WCAG 5.86:1 (AA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--warm-blue: #3e55e0;
--warm-blue-rgb: 62 85 224;
--warm-blue-oklch: oklch(0.52 0.211 270);
}
.element {
color: var(--warm-blue);
background-color: hsl(231 72% 56%);
border-color: oklch(0.52 0.211 270);
}Tailwind CSS v4
@theme {
--color-warm-blue: #3e55e0;
--color-warm-blue-50: #e0f2ff;
--color-warm-blue-100: #cfe4ff;
--color-warm-blue-200: #b5ceff;
--color-warm-blue-300: #92aeff;
--color-warm-blue-400: #6f91ff;
--color-warm-blue-500: #5472ff;
--color-warm-blue-600: #4761e5;
--color-warm-blue-700: #384eb8;
--color-warm-blue-800: #24398a;
--color-warm-blue-900: #182762;
--color-warm-blue-950: #091443;
}SCSS
$warm-blue: #3e55e0;
$warm-blue-rgb: 62, 85, 224;
$warm-blue-light: mix(#fff, $warm-blue, 20%);
$warm-blue-dark: mix(#000, $warm-blue, 20%);
.element {
color: $warm-blue;
box-shadow: 0 0 0 2px rgba($warm-blue, 0.35);
}