Benoemde kleur · #C19A7D
Egyptian Pyramid
Egyptian Pyramid is #C19A7D: rgb(193 154 125), hsl(26 35% 62%), oklch(0.715 0.062 58.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Egyptian Pyramid color name →
#C19A7D
oklch(0.715 0.062 58.2)
Kleurconversies
- HEX
- #c19a7d
- RGB
- rgb(193 154 125)
- HSL
- hsl(26 35% 62%)
- HWB
- hwb(26 49% 24%)
- OKLCH
- oklch(0.715 0.062 58.2)
- OKLab
- oklab(0.715 0.033 0.052)
- CIE Lab
- lab(66.73 12.01 21.08)
- LCH
- lch(66.73 24.26 60.3)
- CMYK
- cmyk(0% 20% 35% 24%)
Tinten · Schaduwen · Tonen
Tinten
- C7A48A
- CEAE96
- D4B8A3
- DAC2B0
- E0CCBD
- E7D6CA
- EDE0D7
- F3EAE4
- F9F5F2
Schaduwen
- A7856C
- 8F715B
- 775E4B
- 5F4B3B
- 49392C
- 34271E
- 201711
- 0E0905
- 020101
Tonen
- BA977E
- B4957E
- AD927F
- A7907F
- A08D7F
- 9A8B7F
- 938880
- 8D8580
- 868380
Kleurharmonieën
Complementair +180°
- C19A7D
Egyptian Pyramid
- 7FA9C6
≈ Stormfang
Analoog -30° +30°
- C19A7D
Egyptian Pyramid
- C7958D
≈ Mexican Moonlight
- B3A177
≈ Paper Sack
Triadisch +120° +240°
- C19A7D
Egyptian Pyramid
- 78B0A3
≈ Green Room
- A79BC5
≈ Ode to Purple
Gesplitst complementair +150° +210°
- C19A7D
Egyptian Pyramid
- 74AEB7
≈ Water Glitter
- 92A2CB
≈ Ceil
Tetradisch +90° +180° +270°
- C19A7D
Egyptian Pyramid
- 89AE8E
≈ Flora Green
- 7FA9C6
≈ Stormfang
- B996B7
≈ Dripping Wisteria
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.56:1 · APCA Lc 50
Ag
AAAOp zwart
WCAG 8.18:1 · APCA Lc 52
Beste tekstkleur: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Codefragmenten
CSS
:root {
--egyptian-pyramid: #c19a7d;
--egyptian-pyramid-rgb: 193 154 125;
--egyptian-pyramid-oklch: oklch(0.715 0.062 58.2);
}
.element {
color: var(--egyptian-pyramid);
background-color: hsl(26 35% 62%);
border-color: oklch(0.715 0.062 58.2);
}Tailwind CSS v4
@theme {
--color-egyptian-pyramid: #c19a7d;
--color-egyptian-pyramid-50: #fff2e4;
--color-egyptian-pyramid-100: #f8e4d4;
--color-egyptian-pyramid-200: #e9cfba;
--color-egyptian-pyramid-300: #d0b198;
--color-egyptian-pyramid-400: #bb967b;
--color-egyptian-pyramid-500: #a67c5d;
--color-egyptian-pyramid-600: #8c694f;
--color-egyptian-pyramid-700: #70543f;
--color-egyptian-pyramid-800: #533d2d;
--color-egyptian-pyramid-900: #3a2a1f;
--color-egyptian-pyramid-950: #24170e;
}SCSS
$egyptian-pyramid: #c19a7d;
$egyptian-pyramid-rgb: 193, 154, 125;
$egyptian-pyramid-light: mix(#fff, $egyptian-pyramid, 20%);
$egyptian-pyramid-dark: mix(#000, $egyptian-pyramid, 20%);
.element {
color: $egyptian-pyramid;
box-shadow: 0 0 0 2px rgba($egyptian-pyramid, 0.35);
}