#69a5bd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #69a5bd | RGB(105, 165, 189) |
Created at 02/24/2023 07:41
RGB values are RGB(105, 165, 189)
#69a5bd color contains Red 41.18%, Green 64.71% and Blue 74.12%.
oklch(68.99% 0.0715 225.36)
#69a5bd color contains Red 41.18%, Green 64.71% and Blue 74.12%.
oklch(68.99% 0.0715 225.36)
Color Names of #69a5bd HEX code
≈ Tradewind
Classification of #69a5bd color
#69a5bd is Light and Cool Color Saturation 39%, lightness 58%.
Tint of Cadet Blue
Alternative colors of #69a5bd
Opposite Color for #69a5bd is #bd8169
#69a5bd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #69a5bd
cmyk
CMYK(44%, 13%, 0%, 26%)
Decimal
6923709
HEX
#69a5bd
HSL
hsl(197, 39%, 58%)
HSLA
hsla(197, 39%, 58%, 1)
RGB
RGB(105, 165, 189)
RGBA
RGBA(105, 165, 189, 1)
Palettes for #69a5bd color:
Below are examples of color palettes with the #69a5bd HEX color
darkest color is #0a1013 from shades and lightest color is #f0f6f8 from tints
Shades palette of #69a5bd:
#5f95aa
#548497
#4a7384
#3f6371
#35535f
#2a424c
#203239
#152126
#0a1013
#000000
Tints palette of #69a5bd:
#78aec4
#87b7ca
#96c0d1
#a5c9d7
#b4d2de
#c3dbe5
#d2e4eb
#e1edf2
#f0f6f8
#ffffff
Complementary palette of #69a5bd:
#69a5bd
#bd8169
Triadic palette of #69a5bd:
#69a5bd
#bd69a5
#a5bd69
Square palette of #69a5bd:
#69a5bd
#ab69bd
#bd8169
#7bbd69
Analogous palette of #69a5bd:
#69bdab
#69a5bd
#697bbd
Split-Complementary palette of #69a5bd:
#69a5bd
#bd697b
#bdab69
Rectangle (tetradic) palette of #69a5bd:
#69a5bd
#8169bd
#bd8169
#a5bd69
Suggested color palettes for #69a5bd HEX:
Color palette with color #69a5bd #1:
Color palette with color #69a5bd #2:
Color palette with color #69a5bd #3:
Color palette with color #69a5bd #4:
Color palette with color #69a5bd #5:
Color #69a5bd used in palettes (1)
Color Contrast
Color pairings of #69a5bd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#69a5bd
#69a5bd Contrast Ratio
2.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#69a5bd
#69a5bd Contrast Ratio
7.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #69a5bd color png
Visit the popular colors list for more colors