Named color · #D9A787
Nairobi Dusk
Nairobi Dusk is #D9A787: rgb(217 167 135), hsl(23 52% 69%), oklch(0.767 0.074 53.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Nairobi Dusk color name →
#D9A787
oklch(0.767 0.074 53.9)
Color conversions
- HEX
- #d9a787
- RGB
- rgb(217 167 135)
- HSL
- hsl(23 52% 69%)
- HWB
- hwb(23 53% 15%)
- OKLCH
- oklch(0.767 0.074 53.9)
- OKLab
- oklab(0.767 0.043 0.06)
- CIE Lab
- lab(72.63 15.88 24.05)
- LCH
- lch(72.63 28.82 56.6)
- CMYK
- cmyk(0% 23% 38% 15%)
Tints · Shades · Tones
Tints
- DDB093
- E1B89F
- E5C1AB
- E9CAB6
- EDD3C2
- F1DCCE
- F4E4DA
- F8EDE7
- FCF6F3
Shades
- BC9175
- A17B63
- 866651
- 6C5241
- 533E31
- 3B2C21
- 251A13
- 110A06
- 020101
Tones
- D0A387
- C79F86
- BE9B86
- B59885
- AC9484
- A39084
- 9A8C83
- 928882
- 898481
Color harmonies
Complementary +180°
- D9A787
Nairobi Dusk
- 84BCDB
≈ Frozen Whisper
Analogous -30° +30°
- D9A787
Nairobi Dusk
- DEA19D
≈ Passive Pink
- CAB07D
≈ Cup of Tea
Triadic +120° +240°
- D9A787
Nairobi Dusk
- 80C3B0
≈ Holiday
- B5ABDE
≈ Purple Hibiscus
Split-complementary +150° +210°
- D9A787
Nairobi Dusk
- 78C1C9
≈ Meltwater
- 9BB3E3
≈ Myrtle Flower
Tetradic +90° +180° +270°
- D9A787
Nairobi Dusk
- 97C096
≈ Velvet Leaf
- 84BCDB
≈ Frozen Whisper
- CBA4CE
≈ Stormy Sunrise
Contrast & accessibility
Ag
FailOn white
WCAG 2.13:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.82:1 · APCA Lc 60
Best text color: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
Code snippets
CSS
:root {
--nairobi-dusk: #d9a787;
--nairobi-dusk-rgb: 217 167 135;
--nairobi-dusk-oklch: oklch(0.767 0.074 53.9);
}
.element {
color: var(--nairobi-dusk);
background-color: hsl(23 52% 69%);
border-color: oklch(0.767 0.074 53.9);
}Tailwind CSS v4
@theme {
--color-nairobi-dusk: #d9a787;
--color-nairobi-dusk-50: #fff0e1;
--color-nairobi-dusk-100: #fce2d1;
--color-nairobi-dusk-200: #eecdb7;
--color-nairobi-dusk-300: #d6ae94;
--color-nairobi-dusk-400: #c19375;
--color-nairobi-dusk-500: #ad7957;
--color-nairobi-dusk-600: #92664a;
--color-nairobi-dusk-700: #75523b;
--color-nairobi-dusk-800: #573b2a;
--color-nairobi-dusk-900: #3d291c;
--color-nairobi-dusk-950: #26160d;
}SCSS
$nairobi-dusk: #d9a787;
$nairobi-dusk-rgb: 217, 167, 135;
$nairobi-dusk-light: mix(#fff, $nairobi-dusk, 20%);
$nairobi-dusk-dark: mix(#000, $nairobi-dusk, 20%);
.element {
color: $nairobi-dusk;
box-shadow: 0 0 0 2px rgba($nairobi-dusk, 0.35);
}