Nearest named color · #CFAD56
#CFAD56
Nearest named color: Solar Relic
#CFAD56 (rgb(207 173 86), hsl(43 56% 57%), oklch(0.76 0.113 88.2)) is closest to the named color Solar Relic. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CFAD56
oklch(0.76 0.113 88.2)
Color conversions
- HEX
- #cfad56
- RGB
- rgb(207 173 86)
- HSL
- hsl(43 56% 57%)
- HWB
- hwb(43 34% 19%)
- OKLCH
- oklch(0.76 0.113 88.2)
- OKLab
- oklab(0.76 0.004 0.113)
- CIE Lab
- lab(72.5 5.32 48.67)
- LCH
- lch(72.5 48.96 83.8)
- CMYK
- cmyk(0% 16% 58% 19%)
Tints · Shades · Tones
Tints
- D4B569
- D9BE7B
- DDC68C
- E2CE9D
- E7D6AE
- ECDEBE
- F1E7CE
- F5EFDE
- FAF7EF
Shades
- B4964A
- 997F3E
- 7F6A32
- 675527
- 4F411C
- 382D12
- 231B08
- 100B02
- 020100
Tones
- C7A95D
- BFA462
- B7A067
- AF9B6C
- A79770
- 9F9274
- 978E77
- 8F897B
- 88857D
Color harmonies
Complementary +180°
- CFAD56
Solar Relic
- 93AEFA
≈ Kitten’s Eye
Analogous -30° +30°
- CFAD56
Solar Relic
- E79F66
≈ Florida Mango
- AABB65
≈ Beach Bag
Triadic +120° +240°
- CFAD56
Solar Relic
- 42C5D7
≈ Sea Serpent
- D997D6
≈ Velvet Horizon
Split-complementary +150° +210°
- CFAD56
Solar Relic
- 66BBF1
≈ Norfolk Sky
- BAA1F0
≈ Lavender Cream
Tetradic +90° +180° +270°
- CFAD56
Solar Relic
- 50C9B1
≈ Kauai
- 93AEFA
≈ Kitten’s Eye
- EB92B1
≈ Illusion
Contrast & accessibility
Ag
FailOn white
WCAG 2.15:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.76:1 · APCA Lc 60
Best text color: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Code snippets
CSS
:root {
--solar-relic: #cfad56;
--solar-relic-rgb: 207 173 86;
--solar-relic-oklch: oklch(0.76 0.113 88.2);
}
.element {
color: var(--solar-relic);
background-color: hsl(43 56% 57%);
border-color: oklch(0.76 0.113 88.2);
}Tailwind CSS v4
@theme {
--color-solar-relic: #cfad56;
--color-solar-relic-50: #fff5d1;
--color-solar-relic-100: #f6e7bd;
--color-solar-relic-200: #e7d39d;
--color-solar-relic-300: #ceb572;
--color-solar-relic-400: #ba9a49;
--color-solar-relic-500: #a5810a;
--color-solar-relic-600: #8c6d10;
--color-solar-relic-700: #70570e;
--color-solar-relic-800: #543f07;
--color-solar-relic-900: #3a2b05;
--color-solar-relic-950: #241800;
}SCSS
$solar-relic: #cfad56;
$solar-relic-rgb: 207, 173, 86;
$solar-relic-light: mix(#fff, $solar-relic, 20%);
$solar-relic-dark: mix(#000, $solar-relic, 20%);
.element {
color: $solar-relic;
box-shadow: 0 0 0 2px rgba($solar-relic, 0.35);
}