Named color · #DA9790
Petite Orchid
Petite Orchid is #DA9790: rgb(218 151 144), hsl(6 50% 71%), oklch(0.74 0.082 25.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Petite Orchid color name →
#DA9790
oklch(0.74 0.082 25.9)
Color conversions
- HEX
- #da9790
- RGB
- rgb(218 151 144)
- HSL
- hsl(6 50% 71%)
- HWB
- hwb(6 56% 15%)
- OKLCH
- oklch(0.74 0.082 25.9)
- OKLab
- oklab(0.74 0.074 0.036)
- CIE Lab
- lab(69.09 25.25 14.39)
- LCH
- lch(69.09 29.07 29.7)
- CMYK
- cmyk(0% 31% 34% 15%)
Tints · Shades · Tones
Tints
- DEA19B
- E3ACA5
- E7B6B0
- EBC0BB
- EECBC6
- F2D5D2
- F5DFDD
- F9EAE8
- FCF4F4
Shades
- BD837D
- A26F6A
- 875C57
- 6C4945
- 543734
- 3C2624
- 251715
- 110807
- 020101
Tones
- D1958E
- C8938D
- BF918B
- B68E8A
- AD8C88
- A48A87
- 9B8785
- 928583
- 898282
Color harmonies
Complementary +180°
- DA9790
Petite Orchid
- 67BAC4
≈ Azul Turquesa
Analogous -30° +30°
- DA9790
Petite Orchid
- D595AD
≈ Foxy Pink
- D39E78
≈ Darling Clementine
Triadic +120° +240°
- DA9790
Petite Orchid
- 8AB98C
≈ Oilcloth Green
- 92AADF
≈ Black Drop
Split-complementary +150° +210°
- DA9790
Petite Orchid
- 6FBCA9
≈ Larchmere
- 77B3D8
≈ Meadow Blossom Blue
Tetradic +90° +180° +270°
- DA9790
Petite Orchid
- A8B275
≈ Timothy Grass
- 67BAC4
≈ Azul Turquesa
- AFA1D9
≈ Violet Velvet
Contrast & accessibility
Ag
FailOn white
WCAG 2.38:1 · APCA Lc 47
Ag
AAAOn black
WCAG 8.81:1 · APCA Lc 55
Best text color: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
Code snippets
CSS
:root {
--petite-orchid: #da9790;
--petite-orchid-rgb: 218 151 144;
--petite-orchid-oklch: oklch(0.74 0.082 25.9);
}
.element {
color: var(--petite-orchid);
background-color: hsl(6 50% 71%);
border-color: oklch(0.74 0.082 25.9);
}Tailwind CSS v4
@theme {
--color-petite-orchid: #da9790;
--color-petite-orchid-50: #ffede8;
--color-petite-orchid-100: #ffded9;
--color-petite-orchid-200: #f6c8c1;
--color-petite-orchid-300: #dea8a0;
--color-petite-orchid-400: #cb8c85;
--color-petite-orchid-500: #b6706a;
--color-petite-orchid-600: #9a5f5a;
--color-petite-orchid-700: #7c4c47;
--color-petite-orchid-800: #5c3734;
--color-petite-orchid-900: #402524;
--color-petite-orchid-950: #291413;
}SCSS
$petite-orchid: #da9790;
$petite-orchid-rgb: 218, 151, 144;
$petite-orchid-light: mix(#fff, $petite-orchid, 20%);
$petite-orchid-dark: mix(#000, $petite-orchid, 20%);
.element {
color: $petite-orchid;
box-shadow: 0 0 0 2px rgba($petite-orchid, 0.35);
}