#1284cc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #1284cc | RGB(18, 132, 204) |
Created at 02/22/2023 18:53
RGB values are RGB(18, 132, 204)
#1284cc color contains Red 7.06%, Green 51.76% and Blue 80%.
oklch(59.19% 0.1428 244.65)
#1284cc color contains Red 7.06%, Green 51.76% and Blue 80%.
oklch(59.19% 0.1428 244.65)
Color Names of #1284cc HEX code
≈ Lochmara
Classification of #1284cc color
#1284cc is Light and Cool Color Saturation 84%, lightness 44%.
Shade of Steel Blue
Alternative colors of #1284cc
Opposite Color for #1284cc is #cc5a12
#1284cc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #1284cc
cmyk
CMYK(91%, 35%, 0%, 20%)
Decimal
1213644
HEX
#1284cc
HSL
hsl(203, 84%, 44%)
HSLA
hsla(203, 84%, 44%, 1)
RGB
RGB(18, 132, 204)
RGBA
RGBA(18, 132, 204, 1)
Palettes for #1284cc color:
Below are examples of color palettes with the #1284cc HEX color
darkest color is #020d14 from shades and lightest color is #e7f3fa from tints
Shades palette of #1284cc:
#1077b8
#0e6aa3
#0d5c8f
#0b4f7a
#094266
#073552
#05283d
#041a29
#020d14
#000000
Tints palette of #1284cc:
#2a90d1
#419dd6
#59a9db
#71b5e0
#89c2e6
#a0ceeb
#b8daf0
#d0e6f5
#e7f3fa
#ffffff
Complementary palette of #1284cc:
#1284cc
#cc5a12
Triadic palette of #1284cc:
#1284cc
#cc1284
#84cc12
Square palette of #1284cc:
#1284cc
#b712cc
#cc5a12
#27cc12
Analogous palette of #1284cc:
#12ccb7
#1284cc
#1227cc
Split-Complementary palette of #1284cc:
#1284cc
#cc1227
#ccb712
Rectangle (tetradic) palette of #1284cc:
#1284cc
#5a12cc
#cc5a12
#84cc12
Suggested color palettes for #1284cc HEX:
Color palette with color #1284cc #1:
Color palette with color #1284cc #2:
Color palette with color #1284cc #3:
Color palette with color #1284cc #4:
Color palette with color #1284cc #5:
Color #1284cc used in palettes (2)
Color Contrast
Color pairings of #1284cc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#1284cc
#1284ccContrast Ratio
4.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#1284cc
#1284ccContrast Ratio
5.19:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #1284cc color png
Visit the popular colors list for more colors