Nearest named color · #C79C6F
#C79C6F
Nearest named color: Cardboard
#C79C6F (rgb(199 156 111), hsl(31 44% 61%), oklch(0.722 0.079 67.3)) is closest to the named color Cardboard. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C79C6F
oklch(0.722 0.079 67.3)
Color conversions
- HEX
- #c79c6f
- RGB
- rgb(199 156 111)
- HSL
- hsl(31 44% 61%)
- HWB
- hwb(31 44% 22%)
- OKLCH
- oklch(0.722 0.079 67.3)
- OKLab
- oklab(0.722 0.031 0.073)
- CIE Lab
- lab(67.65 12.27 30)
- LCH
- lch(67.65 32.41 67.8)
- CMYK
- cmyk(0% 22% 44% 22%)
Tints · Shades · Tones
Tints
- CDA67D
- D3AF8C
- D8B99A
- DEC3A8
- E4CDB6
- E9D7C5
- EFE1D3
- F4EBE2
- FAF5F0
Shades
- AD8760
- 937351
- 7A5F42
- 624C34
- 4C3927
- 36281A
- 21180E
- 0E0904
- 020101
Tones
- C09971
- B99773
- B29475
- AA9177
- A38E79
- 9C8C7B
- 95897C
- 8E867E
- 87837F
Color harmonies
Complementary +180°
- C79C6F
Cardboard
- 7DAAD5
≈ High Seas
Analogous -30° +30°
- C79C6F
Cardboard
- D19482
≈ Rosy Queen
- B3A66B
≈ Natchez Moss
Triadic +120° +240°
- C79C6F
Cardboard
- 67B6AE
≈ Veranda Blue
- B298CC
≈ Biloba Flower
Split-complementary +150° +210°
- C79C6F
Cardboard
- 68B2C6
≈ Delicate Girl Blue
- 99A1D7
≈ Dalmatian Sage
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.49:1 · APCA Lc 49
Ag
AAAOn black
WCAG 8.41:1 · APCA Lc 53
Best text color: #000000
WCAG 8.41:1 (AAA) · APCA Lc 53
Contrast pairs
Code snippets
CSS
:root {
--cardboard: #c79c6f;
--cardboard-rgb: 199 156 111;
--cardboard-oklch: oklch(0.722 0.079 67.3);
}
.element {
color: var(--cardboard);
background-color: hsl(31 44% 61%);
border-color: oklch(0.722 0.079 67.3);
}Tailwind CSS v4
@theme {
--color-cardboard: #c79c6f;
--color-cardboard-50: #fff2dd;
--color-cardboard-100: #fae4cc;
--color-cardboard-200: #ebcfb0;
--color-cardboard-300: #d2b18c;
--color-cardboard-400: #be966b;
--color-cardboard-500: #a97c4a;
--color-cardboard-600: #8f6940;
--color-cardboard-700: #735433;
--color-cardboard-800: #553d24;
--color-cardboard-900: #3c2a18;
--color-cardboard-950: #251709;
}SCSS
$cardboard: #c79c6f;
$cardboard-rgb: 199, 156, 111;
$cardboard-light: mix(#fff, $cardboard, 20%);
$cardboard-dark: mix(#000, $cardboard, 20%);
.element {
color: $cardboard;
box-shadow: 0 0 0 2px rgba($cardboard, 0.35);
}