Cor nomeada mais próxima · #3062E5
#3062E5
Cor nomeada mais próxima: Bluetiful
#3062E5 (rgb(48 98 229), hsl(223 78% 54%), oklch(0.543 0.206 264.5)) é mais próxima da cor nomeada Bluetiful. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#3062E5
oklch(0.543 0.206 264.5)
Conversões de cor
- HEX
- #3062e5
- RGB
- rgb(48 98 229)
- HSL
- hsl(223 78% 54%)
- HWB
- hwb(223 19% 10%)
- OKLCH
- oklch(0.543 0.206 264.5)
- OKLab
- oklab(0.543 -0.02 -0.205)
- CIE Lab
- lab(44.47 20.85 -72.73)
- LCH
- lch(44.47 75.66 286)
- CMYK
- cmyk(79% 57% 0% 10%)
Tons claros · Sombras · Tons
Tons claros
- 4374E9
- 5785ED
- 6B95F1
- 7FA4F4
- 94B4F7
- A9C3FA
- BED2FC
- D3E1FD
- E9F0FE
Sombras
- 2854C7
- 2147AA
- 1A3A8E
- 132D72
- 0C2158
- 06163F
- 030B28
- 010312
- 000003
Tons
- 3867DC
- 416CD2
- 4970C8
- 5173BF
- 5976B5
- 6179AB
- 697BA0
- 717D96
- 787F8B
Harmonias de cor
Complementar +180°
- 3062E5
Bluetiful
- 8D6900
≈ Muddy Brown
Análoga -30° +30°
- 3062E5
Bluetiful
- 0079A8
≈ Sixties Blue
- 7B4AD8
≈ Aconite Purple
Tríade +120° +240°
- 3062E5
Bluetiful
- CC1C2B
≈ Philippine Red
- 00871E
≈ Fatal Fields
Complementar dividida +150° +210°
- 3062E5
Bluetiful
- A95500
≈ Tijolo
- 6E7700
≈ Spinach Soup
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.24:1 · APCA Lc 75
Ag
FailSobre preto
WCAG 4.00:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 75
Contrast pairs
Trechos de código
CSS
:root {
--bluetiful: #3062e5;
--bluetiful-rgb: 48 98 229;
--bluetiful-oklch: oklch(0.543 0.206 264.5);
}
.element {
color: var(--bluetiful);
background-color: hsl(223 78% 54%);
border-color: oklch(0.543 0.206 264.5);
}Tailwind CSS v4
@theme {
--color-bluetiful: #3062e5;
--color-bluetiful-50: #daf5ff;
--color-bluetiful-100: #c8e7ff;
--color-bluetiful-200: #acd1ff;
--color-bluetiful-300: #87b2ff;
--color-bluetiful-400: #6096ff;
--color-bluetiful-500: #3e78ff;
--color-bluetiful-600: #3566e2;
--color-bluetiful-700: #2a52b6;
--color-bluetiful-800: #183c88;
--color-bluetiful-900: #0f2a61;
--color-bluetiful-950: #031642;
}SCSS
$bluetiful: #3062e5;
$bluetiful-rgb: 48, 98, 229;
$bluetiful-light: mix(#fff, $bluetiful, 20%);
$bluetiful-dark: mix(#000, $bluetiful, 20%);
.element {
color: $bluetiful;
box-shadow: 0 0 0 2px rgba($bluetiful, 0.35);
}