Nearest named color · #CD2C36
#CD2C36
Nearest named color: Methadone
#CD2C36 (rgb(205 44 54), hsl(356 65% 49%), oklch(0.556 0.196 23.6)) is closest to the named color Methadone. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CD2C36
oklch(0.556 0.196 23.6)
Color conversions
- HEX
- #cd2c36
- RGB
- rgb(205 44 54)
- HSL
- hsl(356 65% 49%)
- HWB
- hwb(356 17% 20%)
- OKLCH
- oklch(0.556 0.196 23.6)
- OKLab
- oklab(0.556 0.18 0.079)
- CIE Lab
- lab(46.46 62.33 36.45)
- LCH
- lch(46.46 72.21 30.3)
- CMYK
- cmyk(0% 79% 74% 20%)
Tints · Shades · Tones
Tints
- D5494A
- DD605E
- E37671
- EA8A85
- EF9E99
- F4B1AD
- F8C5C1
- FBD8D5
- FDECEA
Shades
- B2252E
- 981E25
- 7E171E
- 661116
- 4E0A0F
- 380508
- 230203
- 0F0101
- 020000
Tones
- C73B3F
- C14747
- BA514F
- B35956
- AC615D
- A56865
- 9C6F6B
- 947572
- 8A7B79
Color harmonies
Complementary +180°
- CD2C36
Methadone
- 00838C
≈ Precious Blue
Analogous -30° +30°
- CD2C36
Methadone
- C22D7C
≈ Very Berry
- B05700
≈ Elm Brown Red
Triadic +120° +240°
- CD2C36
Methadone
- 008C16
≈ Emerald
- 3369E4
≈ Bluetiful
Split-complementary +150° +210°
- CD2C36
Methadone
- 00876E
≈ Celtic Queen
- 007DAC
≈ Neptune
Tetradic +90° +180° +270°
- CD2C36
Methadone
- 737A00
≈ Flag Green
- 00838C
≈ Precious Blue
- 7D52D8
≈ Gloomy Purple
Contrast & accessibility
Ag
AAOn white
WCAG 5.23:1 · APCA Lc 74
Ag
FailOn black
WCAG 4.00:1 · APCA Lc 27
Best text color: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--methadone: #cd2c36;
--methadone-rgb: 205 44 54;
--methadone-oklch: oklch(0.556 0.196 23.6);
}
.element {
color: var(--methadone);
background-color: hsl(356 65% 49%);
border-color: oklch(0.556 0.196 23.6);
}Tailwind CSS v4
@theme {
--color-methadone: #cd2c36;
--color-methadone-50: #ffe0d8;
--color-methadone-100: #ffcfc6;
--color-methadone-200: #ffb3a9;
--color-methadone-300: #ff8c82;
--color-methadone-400: #fd6564;
--color-methadone-500: #ec3741;
--color-methadone-600: #c73138;
--color-methadone-700: #a0272c;
--color-methadone-800: #781a22;
--color-methadone-900: #551116;
--color-methadone-950: #380208;
}SCSS
$methadone: #cd2c36;
$methadone-rgb: 205, 44, 54;
$methadone-light: mix(#fff, $methadone, 20%);
$methadone-dark: mix(#000, $methadone, 20%);
.element {
color: $methadone;
box-shadow: 0 0 0 2px rgba($methadone, 0.35);
}