#bccce2 HEX color information

Color HEX RGB
#bccce2 RGB(188, 204, 226)
  21
Created at 02/18/2023 06:07

Classification of #bccce2 color

#bccce2 is Light and Cool Color Saturation 40%, lightness 81%.
RGB values are RGB(188, 204, 226)
#bccce2 color contains Red 73.73%, Green 80% and Blue 88.63%.
oklch(84.00% 0.0354 256.35)

Color Names of #bccce2 HEX code

≈ Periwinkle Gray
Opposite Color for #bccce2 is #e2d2bc

#bccce2 Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #bccce2

cmyk
CMYK(17%, 10%, 0%, 11%)
Decimal
12373218
HEX
#bccce2
HSL
hsl(215, 40%, 81%)
HSLA
hsla(215, 40%, 81%, 1)
RGB
RGB(188, 204, 226)
RGBA
RGBA(188, 204, 226, 1)

Palettes for #bccce2 color:

Below are examples of color palettes with the #bccce2 HEX color

darkest color is #131417 from shades and lightest color is #f8fafc from tints

Shades palette of #bccce2:
#a9b8cb
#96a3b5
#848f9e
#717a88
#5e6671
#4b525a
#383d44
#26292d
#131417
#000000
Tints palette of #bccce2:
#c3d1e5
#c9d6e8
#d0dbeb
#d7e0ee
#dee6f1
#e4ebf3
#ebf0f6
#f2f5f9
#f8fafc
#ffffff
Complementary palette of #bccce2:
#bccce2
#e2d2bc
Triadic palette of #bccce2:
#bccce2
#e2bccc
#cce2bc
Square palette of #bccce2:
#bccce2
#e2bcdf
#e2d2bc
#bce2bf
Analogous palette of #bccce2:
#bcdfe2
#bccce2
#bfbce2
Split-Complementary palette of #bccce2:
#bccce2
#e2bfbc
#dfe2bc
Rectangle (tetradic) palette of #bccce2:
#bccce2
#d2bce2
#e2d2bc
#cce2bc

Suggested color palettes for #bccce2 HEX:

Color palette with color #bccce2 #1:
Color palette with color #bccce2 #2:
Color palette with color #bccce2 #3:
Color palette with color #bccce2 #4:
Color palette with color #bccce2 #5:

Color #bccce2 used in palettes (1)

Color Contrast

Color pairings of #bccce2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.

#bccce2
#bccce2
Contrast Ratio
1.63:1
SizeAA-levelAAA-level
Large text:
Small text:
#bccce2
#bccce2
Contrast Ratio
12.87:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #bccce2 color png