Colore con nome più vicino · #555CE1
#555CE1
Colore con nome più vicino: Arcane Brew
#555CE1 (rgb(85 92 225), hsl(237 70% 61%), oklch(0.547 0.199 275.4)) è più vicino al colore con nome Arcane Brew. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#555CE1
oklch(0.547 0.199 275.4)
Conversioni di colore
- HEX
- #555ce1
- RGB
- rgb(85 92 225)
- HSL
- hsl(237 70% 61%)
- HWB
- hwb(237 33% 12%)
- OKLCH
- oklch(0.547 0.199 275.4)
- OKLab
- oklab(0.547 0.019 -0.198)
- CIE Lab
- lab(44.6 29.01 -70.15)
- LCH
- lch(44.6 75.91 292.5)
- CMYK
- cmyk(62% 59% 0% 12%)
Tinte · Ombre · Toni
Tinte
- 636EE6
- 727FEA
- 8190EE
- 92A0F2
- A3B0F5
- B5C0F8
- C7D0FA
- D9E0FC
- ECEFFE
Ombre
- 494FC4
- 3D42A7
- 31368B
- 262A70
- 1C1F56
- 11143E
- 080A27
- 020312
- 000002
Toni
- 5862D8
- 5C67CF
- 5F6BC5
- 636FBC
- 6873B3
- 6C76A9
- 71799F
- 767C95
- 7B7E8B
Armonie di colore
Complementare +180°
- 555CE1
Arcane Brew
- 856F00
≈ Sunlit Kelp Green
Analogo -30° +30°
- 555CE1
Arcane Brew
- 0076BB
≈ Bumangués Blue
- 8D46CA
≈ Dreamscape Purple
Triadico +120° +240°
- 555CE1
Arcane Brew
- C63300
≈ Harley Davidson Orange
- 00874D
≈ Pixel Nature
Complementare divisa +150° +210°
- 555CE1
Arcane Brew
- A05F00
≈ Soft Tone Ink
- 5E7E00
≈ Enchanted Forest
Tetradico +90° +180° +270°
- 555CE1
Arcane Brew
- C62360
≈ Bright Rose
- 856F00
≈ Sunlit Kelp Green
- 008278
≈ Green Garlands
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.24:1 · APCA Lc 76
Ag
FailSu nero
WCAG 4.00:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--arcane-brew: #555ce1;
--arcane-brew-rgb: 85 92 225;
--arcane-brew-oklch: oklch(0.547 0.199 275.4);
}
.element {
color: var(--arcane-brew);
background-color: hsl(237 70% 61%);
border-color: oklch(0.547 0.199 275.4);
}Tailwind CSS v4
@theme {
--color-arcane-brew: #555ce1;
--color-arcane-brew-50: #e6f1ff;
--color-arcane-brew-100: #d7e2ff;
--color-arcane-brew-200: #bfccff;
--color-arcane-brew-300: #9fabff;
--color-arcane-brew-400: #808fff;
--color-arcane-brew-500: #6670ff;
--color-arcane-brew-600: #575fdd;
--color-arcane-brew-700: #454cb2;
--color-arcane-brew-800: #2f3886;
--color-arcane-brew-900: #1f265f;
--color-arcane-brew-950: #101441;
}SCSS
$arcane-brew: #555ce1;
$arcane-brew-rgb: 85, 92, 225;
$arcane-brew-light: mix(#fff, $arcane-brew, 20%);
$arcane-brew-dark: mix(#000, $arcane-brew, 20%);
.element {
color: $arcane-brew;
box-shadow: 0 0 0 2px rgba($arcane-brew, 0.35);
}