Nearest named color · #C9CC8F
#C9CC8F
Nearest named color: Sunken Treasure
#C9CC8F (rgb(201 204 143), hsl(63 37% 68%), oklch(0.828 0.08 110.4)) is closest to the named color Sunken Treasure. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C9CC8F
oklch(0.828 0.08 110.4)
Color conversions
- HEX
- #c9cc8f
- RGB
- rgb(201 204 143)
- HSL
- hsl(63 37% 68%)
- HWB
- hwb(63 56% 20%)
- OKLCH
- oklch(0.828 0.08 110.4)
- OKLab
- oklab(0.828 -0.028 0.075)
- CIE Lab
- lab(80.71 -8.17 30.14)
- LCH
- lch(80.71 31.23 105.2)
- CMYK
- cmyk(1% 0% 30% 20%)
Tints · Shades · Tones
Tints
- CED19A
- D3D6A6
- D9DBB1
- DEE0BC
- E3E6C7
- E9EBD2
- EEF0DE
- F4F5E9
- F9FAF4
Shades
- AEB17C
- 959769
- 7C7E57
- 646545
- 4C4E34
- 363724
- 222215
- 0F0F07
- 020201
Tones
- C1C48E
- BABC8D
- B2B58C
- ABAD8A
- A4A589
- 9C9E87
- 959686
- 8E8F84
- 878782
Color harmonies
Complementary +180°
- C9CC8F
Sunken Treasure
- C6BEF8
≈ Connecticut Lilac
Analogous -30° +30°
- C9CC8F
Sunken Treasure
- E2C28B
≈ Lira
- ABD4A3
≈ Pistachio Green
Triadic +120° +240°
- C9CC8F
Sunken Treasure
- 90D1F1
≈ Slightly Spritzig
- F0B2CE
≈ Fulgrim Pink
Split-complementary +150° +210°
- C9CC8F
Sunken Treasure
- A9C8FC
≈ Night Snow
- DFB6E7
≈ Pretty Petunia
Tetradic +90° +180° +270°
- C9CC8F
Sunken Treasure
- 85D7DC
≈ Vibrant Soft Blue
- C6BEF8
≈ Connecticut Lilac
- F7B2B1
≈ Precious Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.67:1 · APCA Lc 30
Ag
AAAOn black
WCAG 12.51:1 · APCA Lc 73
Best text color: #000000
WCAG 12.51:1 (AAA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--sunken-treasure: #c9cc8f;
--sunken-treasure-rgb: 201 204 143;
--sunken-treasure-oklch: oklch(0.828 0.08 110.4);
}
.element {
color: var(--sunken-treasure);
background-color: hsl(63 37% 68%);
border-color: oklch(0.828 0.08 110.4);
}Tailwind CSS v4
@theme {
--color-sunken-treasure: #c9cc8f;
--color-sunken-treasure-50: #f5f8de;
--color-sunken-treasure-100: #e8ebcd;
--color-sunken-treasure-200: #d4d8b1;
--color-sunken-treasure-300: #b8bc8d;
--color-sunken-treasure-400: #a1a36b;
--color-sunken-treasure-500: #898b49;
--color-sunken-treasure-600: #74763f;
--color-sunken-treasure-700: #5d5e32;
--color-sunken-treasure-800: #454522;
--color-sunken-treasure-900: #302f17;
--color-sunken-treasure-950: #1c1c08;
}SCSS
$sunken-treasure: #c9cc8f;
$sunken-treasure-rgb: 201, 204, 143;
$sunken-treasure-light: mix(#fff, $sunken-treasure, 20%);
$sunken-treasure-dark: mix(#000, $sunken-treasure, 20%);
.element {
color: $sunken-treasure;
box-shadow: 0 0 0 2px rgba($sunken-treasure, 0.35);
}