Colore con nome più vicino · #3F6EED
#3F6EED
Colore con nome più vicino: Bluetiful
#3F6EED (rgb(63 110 237), hsl(224 83% 59%), oklch(0.578 0.199 265.3)) è più vicino al colore con nome Bluetiful. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#3F6EED
oklch(0.578 0.199 265.3)
Conversioni di colore
- HEX
- #3f6eed
- RGB
- rgb(63 110 237)
- HSL
- hsl(224 83% 59%)
- HWB
- hwb(224 25% 7%)
- OKLCH
- oklch(0.578 0.199 265.3)
- OKLab
- oklab(0.578 -0.016 -0.198)
- CIE Lab
- lab(48.78 18.16 -70.19)
- LCH
- lch(48.78 72.5 284.5)
- CMYK
- cmyk(73% 54% 0% 7%)
Tinte · Ombre · Toni
Tinte
- 517EF0
- 638DF3
- 759CF6
- 88ABF9
- 9BB9FB
- AFC7FC
- C2D5FE
- D6E3FF
- EBF1FF
Ombre
- 355FCE
- 2C50B0
- 234193
- 1B3377
- 12265C
- 0A1942
- 040E2A
- 010414
- 000103
Toni
- 4671E3
- 4C75D8
- 5377CE
- 5A79C3
- 607BB8
- 677DAD
- 6D7EA2
- 737F97
- 7A808C
Armonie di colore
Complementare +180°
- 3F6EED
Bluetiful
- 997300
≈ Glazed Chestnut
Analogo -30° +30°
- 3F6EED
Bluetiful
- 0084B8
≈ Lucario Blue
- 8657E0
≈ Gloomy Purple
Triadico +120° +240°
- 3F6EED
Bluetiful
- D63436
≈ Akuma
- 009328
≈ Irish Green
Complementare divisa +150° +210°
- 3F6EED
Bluetiful
- B75E00
≈ Super Leaf Brown
- 778200
≈ Verde Tropa
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.50:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.66:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--bluetiful: #3f6eed;
--bluetiful-rgb: 63 110 237;
--bluetiful-oklch: oklch(0.578 0.199 265.3);
}
.element {
color: var(--bluetiful);
background-color: hsl(224 83% 59%);
border-color: oklch(0.578 0.199 265.3);
}Tailwind CSS v4
@theme {
--color-bluetiful: #3f6eed;
--color-bluetiful-50: #dcf4ff;
--color-bluetiful-100: #cae7ff;
--color-bluetiful-200: #afd1ff;
--color-bluetiful-300: #8ab2ff;
--color-bluetiful-400: #6497ff;
--color-bluetiful-500: #4479ff;
--color-bluetiful-600: #3b67de;
--color-bluetiful-700: #2e52b2;
--color-bluetiful-800: #1b3d86;
--color-bluetiful-900: #122a5f;
--color-bluetiful-950: #051641;
}SCSS
$bluetiful: #3f6eed;
$bluetiful-rgb: 63, 110, 237;
$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);
}