Cor nomeada · #B29C7F
Mission Hills
Mission Hills é #B29C7F: rgb(178 156 127), hsl(34 25% 60%), oklch(0.705 0.048 74.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Mission Hills color name →
#B29C7F
oklch(0.705 0.048 74.5)
Conversões de cor
- HEX
- #b29c7f
- RGB
- rgb(178 156 127)
- HSL
- hsl(34 25% 60%)
- HWB
- hwb(34 50% 30%)
- OKLCH
- oklch(0.705 0.048 74.5)
- OKLab
- oklab(0.705 0.013 0.046)
- CIE Lab
- lab(65.77 5.08 18.39)
- LCH
- lch(65.77 19.07 74.6)
- CMYK
- cmyk(0% 12% 29% 30%)
Tons claros · Sombras · Tons
Tons claros
- BAA68B
- C1AF98
- C9B9A4
- D0C3B1
- D8CDBE
- E0D7CB
- E8E1D7
- EFEBE5
- F7F5F2
Sombras
- 9A876E
- 83735D
- 6D5F4C
- 574C3C
- 43392D
- 2F281F
- 1D1811
- 0C0906
- 010101
Tons
- AD997F
- A89680
- A39480
- 9E9180
- 998E80
- 948B80
- 8F8880
- 8A8680
- 858380
Harmonias de cor
Complementar +180°
- B29C7F
Mission Hills
- 8CA2BE
≈ Windy City
Análoga -30° +30°
- B29C7F
Mission Hills
- BA9788
≈ Brush
- A4A27F
≈ Cross Country
Tríade +120° +240°
- B29C7F
Mission Hills
- 7DAAA9
≈ Acapulco Aqua
- AB97B5
≈ Purple Springs
Complementar dividida +150° +210°
- B29C7F
Mission Hills
- 80A7B6
≈ Winter Twilight
- 9C9CBD
≈ Grape Gatsby
Tétrade +90° +180° +270°
- B29C7F
Mission Hills
- 85AA98
≈ Pale Willow
- 8CA2BE
≈ Windy City
- B794A7
≈ Bed of Roses
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.63:1 · APCA Lc 51
Ag
AAASobre preto
WCAG 7.95:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.95:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--mission-hills: #b29c7f;
--mission-hills-rgb: 178 156 127;
--mission-hills-oklch: oklch(0.705 0.048 74.5);
}
.element {
color: var(--mission-hills);
background-color: hsl(34 25% 60%);
border-color: oklch(0.705 0.048 74.5);
}Tailwind CSS v4
@theme {
--color-mission-hills: #b29c7f;
--color-mission-hills-50: #fdf4e6;
--color-mission-hills-100: #f1e6d7;
--color-mission-hills-200: #e0d2be;
--color-mission-hills-300: #c6b59d;
--color-mission-hills-400: #b09b7f;
--color-mission-hills-500: #998263;
--color-mission-hills-600: #826e54;
--color-mission-hills-700: #685843;
--color-mission-hills-800: #4d4030;
--color-mission-hills-900: #352c21;
--color-mission-hills-950: #211910;
}SCSS
$mission-hills: #b29c7f;
$mission-hills-rgb: 178, 156, 127;
$mission-hills-light: mix(#fff, $mission-hills, 20%);
$mission-hills-dark: mix(#000, $mission-hills, 20%);
.element {
color: $mission-hills;
box-shadow: 0 0 0 2px rgba($mission-hills, 0.35);
}