Coloried

Ice Blue

Ice Blue color is a vibrant shade of very light blue. Its hex code is #B4D7FF and rgb code is rgb(180, 215, 255), Its CMYK value is cmyk(29%, 16%, 0%, 0%), and Its HSL value is hsl(212, 100%, 85%). Against white, its contrast ratio of 1.49:1, while against black, the contrast ratio is 14.10:1. Its complementary color is #FFDBB3 and closest tailwind color is blue-200. This color goes well with #211AFF, #1AF7FF, #005FCC, #FF524D, and #F9FF4D. To create this Ice Blue color, you can mix #FFFFFF and #69AFFF.

Ice Blue color code
|
1. Color Conversions
HEX#B4D7FF
RGB180, 215, 255
HSL212°, 100%, 85%
HSV212°, 100%, 100%
CMYK29%, 16%, 0%, 0%
Web Safe#CCCCFF
2. Contrast Ratio
Text on #FFFFFF1.49:1
Fail LargeFail Normal
Text on #00000014.10:1
AAA LargeAAA Normal
3. Ice Blue Color Code in CSS
HEX
#B4D7FF
RGB
rgb(180, 215, 255)
HSL
hsl(212, 100%, 85%)
Text Color
color: #B4D7FF;
Background
background-color: #B4D7FF;
Border Color
border-color: #B4D7FF;
Box Shadow
box-shadow: 0 4px 14px 0 #B4D7FF80;
SCSS
$color-ice-blue: #B4D7FF;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#C3C3F5
Deuteranopia#C1BFF3
Tritanopia#B6EEEC
Achromatopsia#D1D1D1
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
Similar Colors
Steel#CED2D7
Pale Cornflower Blue#ABCDEF
Voxel Sky Blue#99CCFF
Light Steel Blue#B0C4DE
Cloudy Blue#ACC2D9
Light Blue Grey#B7C9E2
Chrome Silver#D8DBDE
Bright Silver#D9DADB
Jordy Blue#8BB8F1
Brushed Silver#C1C4C7
Color Ideas
Greenish Gray#C0CDCA
Greenish Grey#96AE8D
Greenish Tan#BCCB7A
Greenish Turquoise#00FBB0
Greenish Yellow#9ACD32
Grey Asparagus#465945
Grey Cloud#8D8F81
Grey Olive#A9A491
Grey Pink#C3909B
Grey Purple#826D8C
About Ice Blue
Color Name
Ice Blue
HEX
#B4D7FF
Color Family
blue
X11 Name
Blue
LAB
86.73, -2.07, -6.39
Preview Text
Aa