Colore con nome più vicino · #376BEE
#376BEE
Colore con nome più vicino: Bluetiful
#376BEE (rgb(55 107 238), hsl(223 84% 57%), oklch(0.57 0.206 264.4)) è più vicino al colore con nome Bluetiful. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#376BEE
oklch(0.57 0.206 264.4)
Conversioni di colore
- HEX
- #376bee
- RGB
- rgb(55 107 238)
- HSL
- hsl(223 84% 57%)
- HWB
- hwb(223 22% 7%)
- OKLCH
- oklch(0.57 0.206 264.4)
- OKLab
- oklab(0.57 -0.02 -0.205)
- CIE Lab
- lab(47.72 19.14 -72.49)
- LCH
- lch(47.72 74.98 284.8)
- CMYK
- cmyk(77% 55% 0% 7%)
Tinte · Ombre · Toni
Tinte
- 4A7CF1
- 5D8BF4
- 709BF7
- 84AAF9
- 98B8FB
- ACC7FD
- C0D5FE
- D5E3FF
- EAF1FF
Ombre
- 2E5CCF
- 264EB1
- 1E3F93
- 163277
- 0F255C
- 081842
- 030D2A
- 010414
- 000003
Toni
- 3F6FE3
- 4672D9
- 4E75CE
- 5578C4
- 5D7AB9
- 647CAE
- 6B7DA3
- 727F98
- 797F8C
Armonie di colore
Complementare +180°
- 376BEE
Bluetiful
- 977000
≈ Sandy Taupe
Analogo -30° +30°
- 376BEE
Bluetiful
- 0081B3
≈ Primal Blue
- 8353E1
≈ Gloomy Purple
Triadico +120° +240°
- 376BEE
Bluetiful
- D62A34
≈ Chi-Gong
- 009120
≈ Emerald
Complementare divisa +150° +210°
- 376BEE
Bluetiful
- B55B00
≈ Elm Brown Red
- 767F00
≈ Verde Tropa
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.66:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.50:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--bluetiful: #376bee;
--bluetiful-rgb: 55 107 238;
--bluetiful-oklch: oklch(0.57 0.206 264.4);
}
.element {
color: var(--bluetiful);
background-color: hsl(223 84% 57%);
border-color: oklch(0.57 0.206 264.4);
}Tailwind CSS v4
@theme {
--color-bluetiful: #376bee;
--color-bluetiful-50: #daf5ff;
--color-bluetiful-100: #c8e7ff;
--color-bluetiful-200: #acd2ff;
--color-bluetiful-300: #87b2ff;
--color-bluetiful-400: #5f97ff;
--color-bluetiful-500: #3e78ff;
--color-bluetiful-600: #3566e1;
--color-bluetiful-700: #2a52b5;
--color-bluetiful-800: #173c88;
--color-bluetiful-900: #0f2a60;
--color-bluetiful-950: #031642;
}SCSS
$bluetiful: #376bee;
$bluetiful-rgb: 55, 107, 238;
$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);
}