#218aa0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #218aa0 | RGB(33, 138, 160) |
Created at 02/21/2023 09:09
RGB values are RGB(33, 138, 160)
#218aa0 color contains Red 12.94%, Green 54.12% and Blue 62.75%.
oklch(58.64% 0.0955 215.69)
#218aa0 color contains Red 12.94%, Green 54.12% and Blue 62.75%.
oklch(58.64% 0.0955 215.69)
Color Names of #218aa0 HEX code
≈ Jelly Bean
Classification of #218aa0 color
#218aa0 is Light and Cool Color Saturation 66%, lightness 38%.
Tint of Dark Cyan
Alternative colors of #218aa0
Opposite Color for #218aa0 is #a03721
#218aa0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #218aa0
cmyk
CMYK(79%, 14%, 0%, 37%)
Decimal
2198176
HEX
#218aa0
HSL
hsl(190, 66%, 38%)
HSLA
hsla(190, 66%, 38%, 1)
RGB
RGB(33, 138, 160)
RGBA
RGBA(33, 138, 160, 1)
Palettes for #218aa0 color:
Below are examples of color palettes with the #218aa0 HEX color
darkest color is #030e10 from shades and lightest color is #e9f3f6 from tints
Shades palette of #218aa0:
#1e7c90
#1a6e80
#176170
#145360
#114550
#0d3740
#0a2930
#071c20
#030e10
#000000
Tints palette of #218aa0:
#3796aa
#4da1b3
#64adbd
#7ab9c6
#90c5d0
#a6d0d9
#bcdce3
#d3e8ec
#e9f3f6
#ffffff
Complementary palette of #218aa0:
#218aa0
#a03721
Triadic palette of #218aa0:
#218aa0
#a0218a
#8aa021
Square palette of #218aa0:
#218aa0
#7721a0
#a03721
#4aa021
Analogous palette of #218aa0:
#21a077
#218aa0
#214aa0
Split-Complementary palette of #218aa0:
#218aa0
#a0214a
#a07721
Rectangle (tetradic) palette of #218aa0:
#218aa0
#3721a0
#a03721
#8aa021
Suggested color palettes for #218aa0 HEX:
Color palette with color #218aa0 #1:
Color palette with color #218aa0 #2:
Color palette with color #218aa0 #3:
Color palette with color #218aa0 #4:
Color palette with color #218aa0 #5:
Color #218aa0 used in palettes (1)
Color Contrast
Color pairings of #218aa0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#218aa0
#218aa0Contrast Ratio
4.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#218aa0
#218aa0Contrast Ratio
5.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #218aa0 color png
Visit the popular colors list for more colors