Couleur nommée · #DFB992
Pancho
Pancho correspond à #DFB992 : rgb(223 185 146), hsl(30 55% 72%), oklch(0.81 0.068 67.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Pancho color name →
#DFB992
oklch(0.81 0.068 67.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E2C09D
- E6C7A8
- E9CEB3
- ECD5BD
- EFDCC8
- F3E3D3
- F6EADE
- F9F1E9
- FCF8F4
Ombres
- C2A07E
- A5896B
- 8A7158
- 6F5B46
- 564635
- 3D3125
- 271E16
- 120D08
- 020201
Tons
- D5B391
- CBAD8F
- C2A88D
- B8A28C
- AF9C8A
- A59788
- 9C9186
- 928B84
- 898682
Harmonies de couleurs
Complémentaire +180°
- DFB992
Pancho
- 9EC6EB
≈ Baby Blue Eyes
Analogue -30° +30°
- DFB992
Pancho
- E9B2A2
≈ Shilo
- CDC28F
≈ Hearts of Palm
Triadique +120° +240°
- DFB992
Pancho
- 8DD0C8
≈ Electro Chill
- CCB6E4
≈ Drifting Dream
Complémentaire divisée +150° +210°
- DFB992
Pancho
- 8ECCDE
≈ Baby Motive
- B5BDED
≈ Larkspur Bud
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.82:1 · APCA Lc 34
Ag
AAASur noir
WCAG 11.49:1 · APCA Lc 68
Meilleure couleur de texte: #000000
WCAG 11.49:1 (AAA) · APCA Lc 68
Contrast pairs
Extraits de code
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);
}