Nearest named color · #C65146
#C65146
Nearest named color: Cedar Chest
#C65146 (rgb(198 81 70), hsl(5 53% 53%), oklch(0.586 0.152 28)) is closest to the named color Cedar Chest. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C65146
oklch(0.586 0.152 28)
Color conversions
- HEX
- #c65146
- RGB
- rgb(198 81 70)
- HSL
- hsl(5 53% 53%)
- HWB
- hwb(5 27% 22%)
- OKLCH
- oklch(0.586 0.152 28)
- OKLab
- oklab(0.586 0.134 0.071)
- CIE Lab
- lab(50.49 47.11 31.36)
- LCH
- lch(50.49 56.59 33.6)
- CMYK
- cmyk(0% 59% 65% 22%)
Tints · Shades · Tones
Tints
- CE6458
- D5766A
- DC877C
- E2988E
- E8A9A0
- EEBAB3
- F3CBC6
- F7DDD8
- FBEEEC
Shades
- AC453C
- 923A32
- 7A2F28
- 62241E
- 4B1A15
- 35100D
- 210705
- 0E0202
- 020000
Tones
- C0584D
- BA5D53
- B46359
- AD685F
- A76D65
- A0716A
- 987570
- 917975
- 897D7B
Color harmonies
Complementary +180°
- C65146
Cedar Chest
- 008C9B
≈ Coral Coast
Analogous -30° +30°
- C65146
Cedar Chest
- C04E7C
≈ Fat Smooch
- B86300
≈ Camel Fur
Triadic +120° +240°
- C65146
Cedar Chest
- 269343
≈ Paperboy’s Lawn
- 5575D5
≈ Cornflower
Split-complementary +150° +210°
- C65146
Cedar Chest
- 00907C
≈ Miami Jade
- 0085BF
≈ Ibiza Blue
Tetradic +90° +180° +270°
- C65146
Cedar Chest
- 758600
≈ Swamp Green
- 008C9B
≈ Coral Coast
- 8864C9
≈ Lavish Spending
Contrast & accessibility
Ag
AAOn white
WCAG 4.50:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.66:1 · APCA Lc 31
Best text color: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--cedar-chest: #c65146;
--cedar-chest-rgb: 198 81 70;
--cedar-chest-oklch: oklch(0.586 0.152 28);
}
.element {
color: var(--cedar-chest);
background-color: hsl(5 53% 53%);
border-color: oklch(0.586 0.152 28);
}Tailwind CSS v4
@theme {
--color-cedar-chest: #c65146;
--color-cedar-chest-50: #ffe6dc;
--color-cedar-chest-100: #ffd6ca;
--color-cedar-chest-200: #ffbcae;
--color-cedar-chest-300: #fb9989;
--color-cedar-chest-400: #ea786a;
--color-cedar-chest-500: #d85549;
--color-cedar-chest-600: #b7493f;
--color-cedar-chest-700: #933a32;
--color-cedar-chest-800: #6e2925;
--color-cedar-chest-900: #4d1c19;
--color-cedar-chest-950: #330b0a;
}SCSS
$cedar-chest: #c65146;
$cedar-chest-rgb: 198, 81, 70;
$cedar-chest-light: mix(#fff, $cedar-chest, 20%);
$cedar-chest-dark: mix(#000, $cedar-chest, 20%);
.element {
color: $cedar-chest;
box-shadow: 0 0 0 2px rgba($cedar-chest, 0.35);
}