Generate Palette
  1. Color Palettes
  2. Tints XKCD Color clear blue #247afd hex

Tints XKCD Color clear blue #247afd hex

  • #3a87fd
  • #5095fd
  • #66a2fe
  • #7caffe
  • #92bdfe
  • #a7cafe
  • #bdd7fe
  • #d3e4ff
  • #e9f2ff
  • #ffffff
  1.54k

Tints XKCD Color clear blue #247afd hex has 10 colors, mostly blue. The lightest color is White (#FFFFFF), the darkest Dodger Blue (#3A87FD). Its strongest contrast pair is #3A87FD on #FFFFFF (3.4:1, WCAG AA for large text).

Created at 02/09/2020 20:40
bycolorswall
The palette consists of Light colors. Accent colors #e9f2ff and White #ffffff. Palette has Cool, Neutral colors temperature.

A sequential monochrome scheme: tints and shades of a single hue step between light and dark.

By lightness, this palette runs from #3A87FD (darkest) to #FFFFFF (lightest). The lightness range is moderate.

Overall saturation feels vivid (higher chroma) — 90% of colors are vivid.

An analogous palette: its hues sit close together on the color wheel, within about 1°.

Overall temperature among swatches leans cool (8 of 10).

HEX codes (sorted): #3A87FD, #5095FD, #66A2FE, #7CAFFE, #92BDFE, #A7CAFE, #BDD7FE, #D3E4FF, #E9F2FF, #FFFFFF

Palette Tints XKCD Color clear blue #247afd hex combines 10 color codes:
HEX: #3a87fd, RGB: (58, 135, 253); HEX: #5095fd, RGB: (80, 149, 253); HEX: #66a2fe, RGB: (102, 162, 254)
HEX: #7caffe, RGB: (124, 175, 254); HEX: #92bdfe, RGB: (146, 189, 254); HEX: #a7cafe, RGB: (167, 202, 254)
HEX: #bdd7fe, RGB: (189, 215, 254); HEX: #d3e4ff, RGB: (211, 228, 255); HEX: #e9f2ff, RGB: (233, 242, 255)
HEX: #ffffff, RGB: (255, 255, 255)
Simplified version of palette colors
Tint of Dodger Blue, Shade of Cornflower Blue, Tint of Cornflower Blue, Tint of Cornflower Blue, Shade of Light Sky Blue, Tint of Light Steel Blue, Tint of Light Steel Blue, Shade of Lavender, Shade of Alice Blue, White
Color scheme was created by colorswall

Color codes in palette

Tints XKCD Color clear blue #247afd hex color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#3a87fd#3a87fdRGB(58, 135, 253)——
#5095fd#5095fdRGB(80, 149, 253)——
#66a2fe#66a2feRGB(102, 162, 254)——
#7caffe#7caffeRGB(124, 175, 254)——
#92bdfe#92bdfeRGB(146, 189, 254)——
#a7cafe#a7cafeRGB(167, 202, 254)——
#bdd7fe#bdd7feRGB(189, 215, 254)——
#d3e4ff#d3e4ffRGB(211, 228, 255)——
#e9f2ff#e9f2ffRGB(233, 242, 255)——
#ffffff#ffffffRGB(255, 255, 255)—White

Color Palette Contrast

33 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#3a87fd
#5095fd
1.16
#3a87fd
#66a2fe
1.34
#3a87fd
#7caffe
1.55
#3a87fd
#92bdfe
1.8
#5095fd
#66a2fe
1.15
#5095fd
#7caffe
1.33

Image palette Tints XKCD Color clear blue #247afd hex png

Tints XKCD Color clear blue #247afd hex: #3a87fd, #5095fd, #66a2fe, #7caffe, #92bdfe, #a7cafe, #bdd7fe, #d3e4ff, #e9f2ff
 Download image