Coloried

Blue Bell

Blue Bell color is a subtle shade of light muted blue. Its hex code is #A2A2D0 and rgb code is rgb(162, 162, 208), Its CMYK value is cmyk(22%, 22%, 0%, 18%), and Its HSL value is hsl(240, 33%, 73%). Against white color, its contrast ratio of 2.44:1, while against black, the contrast ratio is 8.62:1. Complementary color is #D1D1A3 and closest tailwind color is slate-400. This color goes well with #6E4992, #496E92, #30305F, #AF8760, and #87AF60. To recreate the Blue Bell color, you can mix #FFFFFF and #4545A1.

Blue Bell color code
|
1. Color Conversions
HEX#A2A2D0
RGB162, 162, 208
HSL240°, 33%, 73%
HSV240°, 33%, 82%
CMYK22%, 22%, 0%, 18%
Web Safe#9999CC
2. Contrast Ratio
Text on #FFFFFF2.44:1
Fail LargeFail Normal
Text on #0000008.62:1
AAA LargeAAA Normal
3. Blue Bell Color Code in CSS
HEX
#A2A2D0
RGB
rgb(162, 162, 208)
HSL
hsl(240, 33%, 73%)
Text Color
color: #A2A2D0;
Background
background-color: #A2A2D0;
Border Color
border-color: #A2A2D0;
Box Shadow
box-shadow: 0 4px 14px 0 #A2A2D080;
SCSS
$color-blue-bell: #A2A2D0;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#A2A2C5
Deuteranopia#A2A2C2
Tritanopia#A2BCBA
Achromatopsia#A7A7A7
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive