Named color · #F5D6D8
Redneck
Redneck is #F5D6D8: rgb(245 214 216), hsl(356 61% 90%), oklch(0.902 0.035 13.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Redneck color name →
#F5D6D8
oklch(0.902 0.035 13.4)
Color conversions
- HEX
- #f5d6d8
- RGB
- rgb(245 214 216)
- HSL
- hsl(356 61% 90%)
- HWB
- hwb(356 84% 4%)
- OKLCH
- oklch(0.902 0.035 13.4)
- OKLab
- oklab(0.902 0.034 0.008)
- CIE Lab
- lab(88.3 11.37 3.19)
- LCH
- lch(88.3 11.81 15.7)
- CMYK
- cmyk(0% 13% 12% 4%)
Tints · Shades · Tones
Tints
- F6DADC
- F7DEE0
- F8E2E4
- F9E6E7
- FAEAEB
- FBEFEF
- FCF3F3
- FDF7F7
- FEFBFB
Shades
- D5BABC
- B69EA0
- 988485
- 7B6A6B
- 5F5253
- 443B3B
- 2B2525
- 151011
- 030202
Tones
- E9CDCF
- DDC4C6
- D1BBBD
- C5B3B4
- B9AAAB
- ADA1A2
- A2999A
- 969191
- 8B8888
Color harmonies
Complementary +180°
- F5D6D8
Redneck
- C6E7E5
≈ Saline Water
Analogous -30° +30°
- F5D6D8
Redneck
- F0D6E5
≈ All Made Up
- F4D8CD
≈ Pink Zest
Triadic +120° +240°
- F5D6D8
Redneck
- D6E4CD
≈ Infinitesimal Green
- CFE1F6
≈ Light Breeze
Split-complementary +150° +210°
- F5D6D8
Redneck
- CBE6D8
≈ Mint Whisper
- C7E4F0
≈ Sapphireberry
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.35:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.49:1 · APCA Lc 86
Best text color: #000000
WCAG 15.49:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--redneck: #f5d6d8;
--redneck-rgb: 245 214 216;
--redneck-oklch: oklch(0.902 0.035 13.4);
}
.element {
color: var(--redneck);
background-color: hsl(356 61% 90%);
border-color: oklch(0.902 0.035 13.4);
}Tailwind CSS v4
@theme {
--color-redneck: #f5d6d8;
--color-redneck-50: #fff1f2;
--color-redneck-100: #f3e3e4;
--color-redneck-200: #e3cfcf;
--color-redneck-300: #c9b1b1;
--color-redneck-400: #b29698;
--color-redneck-500: #9c7d7f;
--color-redneck-600: #846a6c;
--color-redneck-700: #6a5556;
--color-redneck-800: #4e3e3f;
--color-redneck-900: #362a2c;
--color-redneck-950: #211819;
}SCSS
$redneck: #f5d6d8;
$redneck-rgb: 245, 214, 216;
$redneck-light: mix(#fff, $redneck, 20%);
$redneck-dark: mix(#000, $redneck, 20%);
.element {
color: $redneck;
box-shadow: 0 0 0 2px rgba($redneck, 0.35);
}