Benoemde kleur · #C7B198
Nomadic Desert
Nomadic Desert is #C7B198: rgb(199 177 152), hsl(32 30% 69%), oklch(0.773 0.043 70.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Nomadic Desert color name →
#C7B198
oklch(0.773 0.043 70.7)
Kleurconversies
- HEX
- #c7b198
- RGB
- rgb(199 177 152)
- HSL
- hsl(32 30% 69%)
- HWB
- hwb(32 60% 22%)
- OKLCH
- oklch(0.773 0.043 70.7)
- OKLab
- oklab(0.773 0.014 0.04)
- CIE Lab
- lab(73.63 5.28 15.89)
- LCH
- lch(73.63 16.75 71.6)
- CMYK
- cmyk(0% 11% 24% 22%)
Tinten · Schaduwen · Tonen
Tinten
- CDB9A2
- D2C0AC
- D8C8B6
- DDD0C0
- E3D7CB
- E8DFD5
- EEE7DF
- F4EFEA
- F9F7F4
Schaduwen
- AD9984
- 938370
- 7A6C5C
- 62574A
- 4C4238
- 362F27
- 211C17
- 0E0C08
- 020101
Tonen
- C0AC96
- B8A793
- B1A291
- AA9D8F
- A3988C
- 9C938A
- 958E87
- 8E8A85
- 878582
Kleurharmonieën
Complementair +180°
- C7B198
Nomadic Desert
- A1B8D0
≈ Misted Eve
Analoog -30° +30°
- C7B198
Nomadic Desert
- CEADA1
≈ Rose Smoke
- BBB697
≈ Bog
Triadisch +120° +240°
- C7B198
Nomadic Desert
- 96BEBB
≈ Turner’s Light
- BEAECA
≈ Fancy Pansy
Gesplitst complementair +150° +210°
- C7B198
Nomadic Desert
- 98BCC8
≈ Sydney Harbour
- AFB3D1
≈ Pixie Violet
Tetradisch +90° +180° +270°
- C7B198
Nomadic Desert
- 9EBEAC
≈ White Spruce
- A1B8D0
≈ Misted Eve
- C9ABBD
≈ Winsome Orchid
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.06:1 · APCA Lc 40
Ag
AAAOp zwart
WCAG 10.17:1 · APCA Lc 62
Beste tekstkleur: #000000
WCAG 10.17:1 (AAA) · APCA Lc 62
Contrast pairs
Codefragmenten
CSS
:root {
--nomadic-desert: #c7b198;
--nomadic-desert-rgb: 199 177 152;
--nomadic-desert-oklch: oklch(0.773 0.043 70.7);
}
.element {
color: var(--nomadic-desert);
background-color: hsl(32 30% 69%);
border-color: oklch(0.773 0.043 70.7);
}Tailwind CSS v4
@theme {
--color-nomadic-desert: #c7b198;
--color-nomadic-desert-50: #fdf4e8;
--color-nomadic-desert-100: #f1e6d9;
--color-nomadic-desert-200: #e0d2c1;
--color-nomadic-desert-300: #c5b4a0;
--color-nomadic-desert-400: #af9b83;
--color-nomadic-desert-500: #998267;
--color-nomadic-desert-600: #816e58;
--color-nomadic-desert-700: #675846;
--color-nomadic-desert-800: #4c4032;
--color-nomadic-desert-900: #352c22;
--color-nomadic-desert-950: #201911;
}SCSS
$nomadic-desert: #c7b198;
$nomadic-desert-rgb: 199, 177, 152;
$nomadic-desert-light: mix(#fff, $nomadic-desert, 20%);
$nomadic-desert-dark: mix(#000, $nomadic-desert, 20%);
.element {
color: $nomadic-desert;
box-shadow: 0 0 0 2px rgba($nomadic-desert, 0.35);
}