Màu có tên gần nhất · #F29D74
#F29D74
Màu có tên gần nhất: Mexican Standoff
#F29D74 (rgb(242 157 116), hsl(20 83% 70%), oklch(0.772 0.116 46.3)) gần nhất với màu có tên Mexican Standoff. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#F29D74
oklch(0.772 0.116 46.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F4A782
- F6B190
- F8BB9E
- FAC5AC
- FBCFBA
- FCD8C8
- FDE2D5
- FEECE3
- FFF5F1
Sắc đậm
- D28864
- B47354
- 965F45
- 794C37
- 5E3A29
- 43281B
- 2B180F
- 140905
- 030101
Sắc xám
- E79A76
- DB9878
- D09579
- C5927B
- B9907C
- AE8D7D
- A38A7E
- 97867F
- 8C837F
Hòa sắc
Bổ túc +180°
- F29D74
Mexican Standoff
- 55C4EE
≈ Clean Pool
Tương đồng -30° +30°
- F29D74
Mexican Standoff
- F6969B
≈ Primrose Garden
- DFAB5A
≈ Brown Mustard
Bộ ba +120° +240°
- F29D74
Mexican Standoff
- 62CDA4
≈ Aquarium Blue
- AFAAFC
≈ Shy Moment
Bổ túc chia +150° +210°
- F29D74
Mexican Standoff
- 40CCCD
≈ Mermaid Net
- 83B7FE
≈ Parakeet Blue
Bộ bốn +90° +180° +270°
- F29D74
Mexican Standoff
- 93C67B
≈ Lime Parfait
- 55C4EE
≈ Clean Pool
- D29EE7
≈ Bright Ube
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.13:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.85:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.85:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
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);
}