Nearest named color · #FFAD6C
#FFAD6C
Nearest named color: Apricot
#FFAD6C (rgb(255 173 108), hsl(27 100% 71%), oklch(0.814 0.126 58.2)) is closest to the named color Apricot. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FFAD6C
oklch(0.814 0.126 58.2)
Color conversions
- HEX
- #ffad6c
- RGB
- rgb(255 173 108)
- HSL
- hsl(27 100% 71%)
- HWB
- hwb(27 42% 0%)
- OKLCH
- oklch(0.814 0.126 58.2)
- OKLab
- oklab(0.814 0.067 0.107)
- CIE Lab
- lab(77.94 26.27 45.83)
- LCH
- lch(77.94 52.82 60.2)
- CMYK
- cmyk(0% 32% 58% 0%)
Tints · Shades · Tones
Tints
- FFB67C
- FFBE8B
- FFC69A
- FFCFA9
- FFD7B8
- FFDFC6
- FFE7D4
- FFEFE3
- FFF7F1
Shades
- DE965D
- BE7F4E
- 9E6A40
- 805532
- 634125
- 482D19
- 2E1B0D
- 160B04
- 030100
Tones
- F2A970
- E5A573
- D8A075
- CC9C78
- BF977A
- B2937C
- A68E7D
- 998A7E
- 8D857F
Color harmonies
Complementary +180°
- FFAD6C
Apricot
- 7DCCFF
≈ Bubbly Barracuda
Analogous -30° +30°
- FFAD6C
Apricot
- FFA89C
≈ Poised Peach
- E4BD59
≈ Soft Cheddar
Triadic +120° +240°
- FFAD6C
Apricot
- 50DDC2
≈ Jazzy Jade
- CBB3FF
≈ Teasel Dipsacus
Split-complementary +150° +210°
- FFAD6C
Apricot
- 3FD8ED
≈ Blue Dacnis
- A9C1FF
≈ Pastel Blue
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.83:1 · APCA Lc 34
Ag
AAAOn black
WCAG 11.44:1 · APCA Lc 68
Best text color: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--apricot: #ffad6c;
--apricot-rgb: 255 173 108;
--apricot-oklch: oklch(0.814 0.126 58.2);
}
.element {
color: var(--apricot);
background-color: hsl(27 100% 71%);
border-color: oklch(0.814 0.126 58.2);
}Tailwind CSS v4
@theme {
--color-apricot: #ffad6c;
--color-apricot-50: #ffeed2;
--color-apricot-100: #ffdfbe;
--color-apricot-200: #fdc89e;
--color-apricot-300: #e7a874;
--color-apricot-400: #d68a4d;
--color-apricot-500: #c26e1b;
--color-apricot-600: #a45d1a;
--color-apricot-700: #844a15;
--color-apricot-800: #63350f;
--color-apricot-900: #452409;
--color-apricot-950: #2d1300;
}SCSS
$apricot: #ffad6c;
$apricot-rgb: 255, 173, 108;
$apricot-light: mix(#fff, $apricot, 20%);
$apricot-dark: mix(#000, $apricot, 20%);
.element {
color: $apricot;
box-shadow: 0 0 0 2px rgba($apricot, 0.35);
}