Skip to the color picker

#d36164 color: Happy Hearts

#d36164 is rgb(211, 97, 100) in RGB and oklch(63.292% 0.14431 20.496) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

358°
100%

63.3%
0.144
20°
  • Red
  • Medium
  • Soft
  • Warm
  • ≈ Blush
  • red-400
  • Black 17%

Inside sRGB: displays the same on any screen.

White text
3.71:1Hard to read
Lc -70
Black text
5.66:1Readable · AA
Lc 40

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #d36164

#d36164 is a soft red color. In OKLCH it has 63.3% lightness, 0.144 chroma and a hue of 20°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.71:1 contrast and black text 5.66:1, so white text reads better.

The closest named color is Happy Hearts (#d46362). In Tailwind CSS the closest color is red-400.

More medium red colors

Lighter: #d36164 mixed with white

  1. d36164
  2. d97273
  3. df8282
  4. e59291
  5. eaa1a0
  6. eeb1af
  7. f3c0bf
  8. f6d0cf
  9. fae0df
  10. fdefef

Darker: #d36164 mixed with black

  1. d36164
  2. b75356
  3. 9c4648
  4. 82393b
  5. 692d2e
  6. 512122
  7. 3a1516
  8. 240b0b
  9. 100303
  10. 020000

Calmer: #d36164 with less saturation

  1. d36164
  2. cd6668
  3. c66b6c
  4. c07070
  5. b97474
  6. b27977
  7. aa7c7b
  8. a3807f
  9. 9b8383
  10. 938786

Similar named colors

Colors that go with #d36164

Complementary
#d36164#00a0a9
Analogous
#d36164#c96195#cd6c2b
Triadic
#d36164#559f46#5588e0
Split
#d36164#00a57d#0098d0

Questions about #d36164

What color is #d36164?

#d36164 is soft red. The closest named color is Happy Hearts. In RGB it is rgb(211, 97, 100), in HSL hsl(358.42, 56.44%, 60.39%) and in OKLCH oklch(63.292% 0.14431 20.496).

What colors go well with #d36164?

The complementary color of #d36164 is #00a0a9. For a calmer combination use the analogous colors #c96195 and #cd6c2b. The triadic partners are #559f46 and #5588e0.

Is white or black text more readable on #d36164?

White text reads better on #d36164: white gives a contrast ratio of 3.71:1 and black gives 5.66:1. WCAG AA asks for at least 4.5:1 for body text.

Is #d36164 a warm or cool color?

#d36164 is a warm color. In OKLCH its hue is 20 degrees, its lightness 63.3% and its chroma 0.144.