Couleur nommée la plus proche · #F29D74
#F29D74
Couleur nommée la plus proche: Mexican Standoff
#F29D74 (rgb(242 157 116), hsl(20 83% 70%), oklch(0.772 0.116 46.3)) est la plus proche de la couleur nommée Mexican Standoff. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F29D74
oklch(0.772 0.116 46.3)
Conversions de couleur
- HEX
- #f29d74
- RGB
- rgb(242 157 116)
- HSL
- hsl(20 83% 70%)
- HWB
- hwb(20 45% 5%)
- OKLCH
- oklch(0.772 0.116 46.3)
- OKLab
- oklab(0.772 0.08 0.084)
- CIE Lab
- lab(72.88 29.53 35.16)
- LCH
- lch(72.88 45.92 50)
- CMYK
- cmyk(0% 35% 52% 5%)
Teintes · Ombres · Tons
Teintes
- F4A782
- F6B190
- F8BB9E
- FAC5AC
- FBCFBA
- FCD8C8
- FDE2D5
- FEECE3
- FFF5F1
Ombres
- D28864
- B47354
- 965F45
- 794C37
- 5E3A29
- 43281B
- 2B180F
- 140905
- 030101
Tons
- E79A76
- DB9878
- D09579
- C5927B
- B9907C
- AE8D7D
- A38A7E
- 97867F
- 8C837F
Harmonies de couleurs
Complémentaire +180°
- F29D74
Mexican Standoff
- 55C4EE
≈ Clean Pool
Analogue -30° +30°
- F29D74
Mexican Standoff
- F6969B
≈ Primrose Garden
- DFAB5A
≈ Brown Mustard
Triadique +120° +240°
- F29D74
Mexican Standoff
- 62CDA4
≈ Aquarium Blue
- AFAAFC
≈ Shy Moment
Complémentaire divisée +150° +210°
- F29D74
Mexican Standoff
- 40CCCD
≈ Mermaid Net
- 83B7FE
≈ Parakeet Blue
Tétradique +90° +180° +270°
- F29D74
Mexican Standoff
- 93C67B
≈ Lime Parfait
- 55C4EE
≈ Clean Pool
- D29EE7
≈ Bright Ube
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.13:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.85:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 9.85:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
CSS
:root {
--mexican-standoff: #f29d74;
--mexican-standoff-rgb: 242 157 116;
--mexican-standoff-oklch: oklch(0.772 0.116 46.3);
}
.element {
color: var(--mexican-standoff);
background-color: hsl(20 83% 70%);
border-color: oklch(0.772 0.116 46.3);
}Tailwind CSS v4
@theme {
--color-mexican-standoff: #f29d74;
--color-mexican-standoff-50: #ffecd9;
--color-mexican-standoff-100: #ffddc7;
--color-mexican-standoff-200: #fec6a9;
--color-mexican-standoff-300: #e9a683;
--color-mexican-standoff-400: #d78862;
--color-mexican-standoff-500: #c46b3e;
--color-mexican-standoff-600: #a55b35;
--color-mexican-standoff-700: #85492a;
--color-mexican-standoff-800: #63341e;
--color-mexican-standoff-900: #452314;
--color-mexican-standoff-950: #2d1206;
}SCSS
$mexican-standoff: #f29d74;
$mexican-standoff-rgb: 242, 157, 116;
$mexican-standoff-light: mix(#fff, $mexican-standoff, 20%);
$mexican-standoff-dark: mix(#000, $mexican-standoff, 20%);
.element {
color: $mexican-standoff;
box-shadow: 0 0 0 2px rgba($mexican-standoff, 0.35);
}