이름 색상 · #FEE2B2
Sunstitch
Sunstitch은(는) #FEE2B2: rgb(254 226 178), hsl(38 97% 85%), oklch(0.924 0.069 81). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sunstitch color name →
#FEE2B2
oklch(0.924 0.069 81)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FEE5BA
- FEE8C2
- FEEBCA
- FFEED1
- FFF1D9
- FFF4E1
- FFF6E8
- FFF9F0
- FFFCF7
셰이드
- DDC49A
- BDA883
- 9E8C6D
- 807157
- 635743
- 473E2F
- 2D271D
- 16120C
- 030301
톤
- F1D8AD
- E4CEA8
- D7C4A3
- CABA9E
- BDB099
- B1A694
- A49C8F
- 98938A
- 8C8985
색 조화
보색 +180°
- FEE2B2
Sunstitch
- D9E7FF
≈ Veiling Waterfalls
유사색 -30° +30°
- FEE2B2
Sunstitch
- FFDECC
≈ Toronja
- E7EBB6
≈ Lots of Bubbles
삼각 배색 +120° +240°
- FEE2B2
Sunstitch
- AFF5F9
≈ Ice Citadel
- F9D9FF
≈ Sugarpills
분열 보색 +150° +210°
- FEE2B2
Sunstitch
- C9ECFF
≈ Blue Java Banana
- E5E2FF
≈ Stoic White
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.25:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.73:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.73:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
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);
}