Warna bernama · #DFB992
Pancho
Pancho adalah #DFB992: rgb(223 185 146), hsl(30 55% 72%), oklch(0.81 0.068 67.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Pancho color name →
#DFB992
oklch(0.81 0.068 67.4)
Konversi warna
- HEX
- #dfb992
- RGB
- rgb(223 185 146)
- HSL
- hsl(30 55% 72%)
- HWB
- hwb(30 57% 13%)
- OKLCH
- oklch(0.81 0.068 67.4)
- OKLab
- oklab(0.81 0.026 0.063)
- CIE Lab
- lab(77.84 10.11 25.24)
- LCH
- lch(77.84 27.19 68.2)
- CMYK
- cmyk(0% 17% 35% 13%)
Tint · Shade · Tone
Tint
- E2C09D
- E6C7A8
- E9CEB3
- ECD5BD
- EFDCC8
- F3E3D3
- F6EADE
- F9F1E9
- FCF8F4
Shade
- C2A07E
- A5896B
- 8A7158
- 6F5B46
- 564635
- 3D3125
- 271E16
- 120D08
- 020201
Tone
- D5B391
- CBAD8F
- C2A88D
- B8A28C
- AF9C8A
- A59788
- 9C9186
- 928B84
- 898682
Harmoni warna
Komplementer +180°
- DFB992
Pancho
- 9EC6EB
≈ Baby Blue Eyes
Analog -30° +30°
- DFB992
Pancho
- E9B2A2
≈ Shilo
- CDC28F
≈ Hearts of Palm
Triadik +120° +240°
- DFB992
Pancho
- 8DD0C8
≈ Electro Chill
- CCB6E4
≈ Drifting Dream
Split-komplementer +150° +210°
- DFB992
Pancho
- 8ECCDE
≈ Baby Motive
- B5BDED
≈ Larkspur Bud
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.82:1 · APCA Lc 34
Ag
AAADi atas hitam
WCAG 11.49:1 · APCA Lc 68
Warna teks terbaik: #000000
WCAG 11.49:1 (AAA) · APCA Lc 68
Contrast pairs
Cuplikan kode
CSS
:root {
--pancho: #dfb992;
--pancho-rgb: 223 185 146;
--pancho-oklch: oklch(0.81 0.068 67.4);
}
.element {
color: var(--pancho);
background-color: hsl(30 55% 72%);
border-color: oklch(0.81 0.068 67.4);
}Tailwind CSS v4
@theme {
--color-pancho: #dfb992;
--color-pancho-50: #fff2e1;
--color-pancho-100: #f7e4d0;
--color-pancho-200: #e8d0b6;
--color-pancho-300: #cfb292;
--color-pancho-400: #ba9773;
--color-pancho-500: #a57e54;
--color-pancho-600: #8b6a48;
--color-pancho-700: #705539;
--color-pancho-800: #533e29;
--color-pancho-900: #3a2a1b;
--color-pancho-950: #24180c;
}SCSS
$pancho: #dfb992;
$pancho-rgb: 223, 185, 146;
$pancho-light: mix(#fff, $pancho, 20%);
$pancho-dark: mix(#000, $pancho, 20%);
.element {
color: $pancho;
box-shadow: 0 0 0 2px rgba($pancho, 0.35);
}