#ccb228 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ccb228 | RGB(204, 178, 40) |
Created at 02/18/2023 01:36
RGB values are RGB(204, 178, 40)
#ccb228 color contains Red 80%, Green 69.8% and Blue 15.69%.
oklch(76.40% 0.1474 97.64)
#ccb228 color contains Red 80%, Green 69.8% and Blue 15.69%.
oklch(76.40% 0.1474 97.64)
Color Names of #ccb228 HEX code
≈ Hokey Pokey
Classification of #ccb228 color
#ccb228 is Light and Warm Color Saturation 67%, lightness 48%.
Tint of Goldenrod
Alternative colors of #ccb228
Opposite Color for #ccb228 is #2842cc
#ccb228 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ccb228
cmyk
CMYK(0%, 13%, 80%, 20%)
Decimal
13414952
HEX
#ccb228
HSL
hsl(50, 67%, 48%)
HSLA
hsla(50, 67%, 48%, 1)
RGB
RGB(204, 178, 40)
RGBA
RGBA(204, 178, 40, 1)
Palettes for #ccb228 color:
Below are examples of color palettes with the #ccb228 HEX color
darkest color is #141204 from shades and lightest color is #faf7ea from tints
Shades palette of #ccb228:
#b8a024
#a38e20
#8f7d1c
#7a6b18
#665914
#524710
#3d350c
#292408
#141204
#000000
Tints palette of #ccb228:
#d1ba3d
#d6c153
#dbc969
#e0d17e
#e6d994
#ebe0a9
#f0e8bf
#f5f0d4
#faf7ea
#ffffff
Complementary palette of #ccb228:
#ccb228
#2842cc
Triadic palette of #ccb228:
#ccb228
#28ccb2
#b228cc
Square palette of #ccb228:
#ccb228
#28cc60
#2842cc
#cc2894
Analogous palette of #ccb228:
#cc6028
#ccb228
#94cc28
Split-Complementary palette of #ccb228:
#ccb228
#2894cc
#6028cc
Rectangle (tetradic) palette of #ccb228:
#ccb228
#42cc28
#2842cc
#b228cc
Suggested color palettes for #ccb228 HEX:
Color palette with color #ccb228 #1:
Color palette with color #ccb228 #2:
Color palette with color #ccb228 #3:
Color palette with color #ccb228 #4:
Color palette with color #ccb228 #5:
Color #ccb228 used in palettes (2)
Color Contrast
Color pairings of #ccb228 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ccb228
#ccb228Contrast Ratio
2.1:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ccb228
#ccb228Contrast Ratio
9.96:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ccb228 color png
Visit the popular colors list for more colors