Màu có tên · #FEE2B2
Sunstitch
Sunstitch là #FEE2B2: rgb(254 226 178), hsl(38 97% 85%), oklch(0.924 0.069 81). 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.
What does Orange mean? → · Sunstitch color name →
#FEE2B2
oklch(0.924 0.069 81)
Chuyển đổi màu
- HEX
- #fee2b2
- RGB
- rgb(254 226 178)
- HSL
- hsl(38 97% 85%)
- HWB
- hwb(38 70% 0%)
- OKLCH
- oklch(0.924 0.069 81)
- OKLab
- oklab(0.924 0.011 0.068)
- CIE Lab
- lab(91.36 4.87 27.26)
- LCH
- lch(91.36 27.69 79.9)
- CMYK
- cmyk(0% 11% 30% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FEE5BA
- FEE8C2
- FEEBCA
- FFEED1
- FFF1D9
- FFF4E1
- FFF6E8
- FFF9F0
- FFFCF7
Sắc đậm
- DDC49A
- BDA883
- 9E8C6D
- 807157
- 635743
- 473E2F
- 2D271D
- 16120C
- 030301
Sắc xám
- F1D8AD
- E4CEA8
- D7C4A3
- CABA9E
- BDB099
- B1A694
- A49C8F
- 98938A
- 8C8985
Hòa sắc
Bổ túc +180°
- FEE2B2
Sunstitch
- D9E7FF
≈ Veiling Waterfalls
Tương đồng -30° +30°
- FEE2B2
Sunstitch
- FFDECC
≈ Toronja
- E7EBB6
≈ Lots of Bubbles
Bộ ba +120° +240°
- FEE2B2
Sunstitch
- AFF5F9
≈ Ice Citadel
- F9D9FF
≈ Sugarpills
Bổ túc chia +150° +210°
- FEE2B2
Sunstitch
- C9ECFF
≈ Blue Java Banana
- E5E2FF
≈ Stoic White
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.25:1 · APCA Lc 13
Ag
AAATrên nền đen
WCAG 16.73:1 · APCA Lc 91
Màu chữ tốt nhất: #000000
WCAG 16.73:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--sunstitch: #fee2b2;
--sunstitch-rgb: 254 226 178;
--sunstitch-oklch: oklch(0.924 0.069 81);
}
.element {
color: var(--sunstitch);
background-color: hsl(38 97% 85%);
border-color: oklch(0.924 0.069 81);
}Tailwind CSS v4
@theme {
--color-sunstitch: #fee2b2;
--color-sunstitch-50: #fff4df;
--color-sunstitch-100: #f3e6ce;
--color-sunstitch-200: #e3d2b3;
--color-sunstitch-300: #c9b58f;
--color-sunstitch-400: #b49b6f;
--color-sunstitch-500: #9e824f;
--color-sunstitch-600: #856e44;
--color-sunstitch-700: #6b5836;
--color-sunstitch-800: #4f4026;
--color-sunstitch-900: #372c19;
--color-sunstitch-950: #22190a;
}SCSS
$sunstitch: #fee2b2;
$sunstitch-rgb: 254, 226, 178;
$sunstitch-light: mix(#fff, $sunstitch, 20%);
$sunstitch-dark: mix(#000, $sunstitch, 20%);
.element {
color: $sunstitch;
box-shadow: 0 0 0 2px rgba($sunstitch, 0.35);
}