Named color · #D99058
Persian Orange
Persian Orange is #D99058: rgb(217 144 88), hsl(26 63% 60%), oklch(0.716 0.114 57.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Persian Orange color name →
#D99058
oklch(0.716 0.114 57.1)
Color conversions
- HEX
- #d99058
- RGB
- rgb(217 144 88)
- HSL
- hsl(26 63% 60%)
- HWB
- hwb(26 35% 15%)
- OKLCH
- oklch(0.716 0.114 57.1)
- OKLab
- oklab(0.716 0.062 0.096)
- CIE Lab
- lab(66.54 24.43 41.26)
- LCH
- lch(66.54 47.95 59.4)
- CMYK
- cmyk(0% 34% 59% 15%)
Tints · Shades · Tones
Tints
- DE9B6A
- E2A67B
- E6B18B
- EABD9C
- EEC8AC
- F2D3BD
- F5DECD
- F9E9DE
- FCF4EE
Shades
- BC7D4B
- A16A3F
- 865733
- 6C4528
- 53341D
- 3B2412
- 251509
- 110703
- 020100
Tones
- D08F5E
- C78E63
- BF8C67
- B68B6B
- AD896F
- A48773
- 9B8677
- 92847A
- 89827D
Color harmonies
Complementary +180°
- D99058
Persian Orange
- 54ADE2
≈ High Blue
Analogous -30° +30°
- D99058
Persian Orange
- E2867C
≈ Cultured Rose
- C29E46
≈ Golden Field
Triadic +120° +240°
- D99058
Persian Orange
- 3EBAA2
≈ Capture
- AB94E2
≈ Dreamy Candy Forest
Split-complementary +150° +210°
- D99058
Persian Orange
- 2AB7C7
≈ Utopia Beckons
- 83A1EB
≈ Blue Cue
Tetradic +90° +180° +270°
- D99058
Persian Orange
- 70B779
≈ Green Galore
- 54ADE2
≈ High Blue
- C989C8
≈ Rose Souvenir
Contrast & accessibility
Ag
FailOn white
WCAG 2.59:1 · APCA Lc 51
Ag
AAAOn black
WCAG 8.08:1 · APCA Lc 51
Best text color: #000000
WCAG 8.08:1 (AAA) · APCA Lc 51
Contrast pairs
Code snippets
CSS
:root {
--persian-orange: #d99058;
--persian-orange-rgb: 217 144 88;
--persian-orange-oklch: oklch(0.716 0.114 57.1);
}
.element {
color: var(--persian-orange);
background-color: hsl(26 63% 60%);
border-color: oklch(0.716 0.114 57.1);
}Tailwind CSS v4
@theme {
--color-persian-orange: #d99058;
--color-persian-orange-50: #ffeed5;
--color-persian-orange-100: #ffe0c3;
--color-persian-orange-200: #fac9a4;
--color-persian-orange-300: #e3a97c;
--color-persian-orange-400: #d18c58;
--color-persian-orange-500: #be702f;
--color-persian-orange-600: #a05f29;
--color-persian-orange-700: #814c21;
--color-persian-orange-800: #603617;
--color-persian-orange-900: #43250f;
--color-persian-orange-950: #2b1303;
}SCSS
$persian-orange: #d99058;
$persian-orange-rgb: 217, 144, 88;
$persian-orange-light: mix(#fff, $persian-orange, 20%);
$persian-orange-dark: mix(#000, $persian-orange, 20%);
.element {
color: $persian-orange;
box-shadow: 0 0 0 2px rgba($persian-orange, 0.35);
}