Warna bernama · #C19A7D
Egyptian Pyramid
Egyptian Pyramid adalah #C19A7D: rgb(193 154 125), hsl(26 35% 62%), oklch(0.715 0.062 58.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Egyptian Pyramid color name →
#C19A7D
oklch(0.715 0.062 58.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- C7A48A
- CEAE96
- D4B8A3
- DAC2B0
- E0CCBD
- E7D6CA
- EDE0D7
- F3EAE4
- F9F5F2
Shade
- A7856C
- 8F715B
- 775E4B
- 5F4B3B
- 49392C
- 34271E
- 201711
- 0E0905
- 020101
Tone
- BA977E
- B4957E
- AD927F
- A7907F
- A08D7F
- 9A8B7F
- 938880
- 8D8580
- 868380
Harmoni warna
Komplementer +180°
- C19A7D
Egyptian Pyramid
- 7FA9C6
≈ Stormfang
Analog -30° +30°
- C19A7D
Egyptian Pyramid
- C7958D
≈ Mexican Moonlight
- B3A177
≈ Paper Sack
Triadik +120° +240°
- C19A7D
Egyptian Pyramid
- 78B0A3
≈ Green Room
- A79BC5
≈ Ode to Purple
Split-komplementer +150° +210°
- C19A7D
Egyptian Pyramid
- 74AEB7
≈ Water Glitter
- 92A2CB
≈ Ceil
Tetradik +90° +180° +270°
- C19A7D
Egyptian Pyramid
- 89AE8E
≈ Flora Green
- 7FA9C6
≈ Stormfang
- B996B7
≈ Dripping Wisteria
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.56:1 · APCA Lc 50
Ag
AAADi atas hitam
WCAG 8.18:1 · APCA Lc 52
Warna teks terbaik: #000000
WCAG 8.18:1 (AAA) · APCA Lc 52
Contrast pairs
Cuplikan kode
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);
}