Skip to the color picker

#da667f color: Surfer Girl

#da667f is rgb(218, 102, 127) in RGB and oklch(65.644% 0.14682 8.511) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

347°
100%

65.6%
0.147
9°
  • Rose
  • Medium
  • Soft
  • Warm
  • ≈ Blush
  • rose-400
  • Black 15%

Inside sRGB: displays the same on any screen.

White text
3.39:1Hard to read
Lc -66
Black text
6.19:1Readable · AA
Lc 43

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 #da667f

#da667f is a soft rose color. In OKLCH it has 65.6% lightness, 0.147 chroma and a hue of 9°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Surfer Girl (#db6484). In Tailwind CSS the closest color is rose-400.

More medium rose colors

Lighter: #da667f mixed with white

  1. da667f
  2. e0768b
  3. e58697
  4. e995a4
  5. eea4b0
  6. f2b3bd
  7. f5c3ca
  8. f8d2d7
  9. fbe1e4
  10. fdf0f2

Darker: #da667f mixed with black

  1. da667f
  2. bd586e
  3. a24a5d
  4. 873c4c
  5. 6c2f3c
  6. 54232d
  7. 3c171f
  8. 250c11
  9. 110406
  10. 020001

Calmer: #da667f with less saturation

  1. da667f
  2. d46c81
  3. cd7183
  4. c77684
  5. c07a86
  6. b97e88
  7. b2838a
  8. aa868c
  9. a28a8d
  10. 9a8e8f

Similar named colors

Colors that go with #da667f

Complementary
#da667f#00aaa1
Analogous
#da667f#c96aaf#db6d49
Triadic
#da667f#76a133#3a96e6
Split
#da667f#19ab6e#00a4ca

Questions about #da667f

What color is #da667f?

#da667f is soft rose. The closest named color is Surfer Girl. In RGB it is rgb(218, 102, 127), in HSL hsl(347.07, 61.05%, 62.75%) and in OKLCH oklch(65.644% 0.14682 8.511).

What colors go well with #da667f?

The complementary color of #da667f is #00aaa1. For a calmer combination use the analogous colors #c96aaf and #db6d49. The triadic partners are #76a133 and #3a96e6.

Is white or black text more readable on #da667f?

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

Is #da667f a warm or cool color?

#da667f is a warm color. In OKLCH its hue is 9 degrees, its lightness 65.6% and its chroma 0.147.