이름 색상 · #FFE6C2
Fricassée
Fricassée은(는) #FFE6C2: rgb(255 230 194), hsl(35 100% 88%), oklch(0.936 0.054 76.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Fricassée color name →
#FFE6C2
oklch(0.936 0.054 76.9)
색상 변환
- HEX
- #ffe6c2
- RGB
- rgb(255 230 194)
- HSL
- hsl(35 100% 88%)
- HWB
- hwb(35 76% 0%)
- OKLCH
- oklch(0.936 0.054 76.9)
- OKLab
- oklab(0.936 0.012 0.053)
- CIE Lab
- lab(92.68 4.86 20.89)
- LCH
- lch(92.68 21.45 76.9)
- CMYK
- cmyk(0% 10% 24% 0%)
틴트 · 셰이드 · 톤
틴트
- FFE9C8
- FFEBCE
- FFEED5
- FFF0DB
- FFF3E1
- FFF5E7
- FFF8ED
- FFFAF3
- FFFDF9
셰이드
- DEC8A8
- BEAB8F
- 9E8E77
- 807360
- 635949
- 484034
- 2E2820
- 16130E
- 030302
톤
- F2DBBB
- E4D1B5
- D7C6AE
- CABCA7
- BEB2A1
- B1A89A
- A49E94
- 98948D
- 8C8A87
색 조화
보색 +180°
- FFE6C2
Fricassée
- DDEBFF
≈ Hoarfrost
유사색 -30° +30°
- FFE6C2
Fricassée
- FFE3D6
≈ Tranquil Peach
- EEEDC3
≈ Oh Dahling
삼각 배색 +120° +240°
- FFE6C2
Fricassée
- C0F6F6
≈ Pale Sky
- F7E1FF
≈ Sugarpills
분열 보색 +150° +210°
- FFE6C2
Fricassée
- CFF0FF
≈ Blue Hijab
- E8E7FF
≈ Cyber Lavender
사각 배색 +90° +180° +270°
- FFE6C2
Fricassée
- C8F6E2
≈ Shallow End
- DDEBFF
≈ Hoarfrost
- FFE0EF
≈ Pale Blossom
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.21:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.34:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.34:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--fricassee: #ffe6c2;
--fricassee-rgb: 255 230 194;
--fricassee-oklch: oklch(0.936 0.054 76.9);
}
.element {
color: var(--fricassee);
background-color: hsl(35 100% 88%);
border-color: oklch(0.936 0.054 76.9);
}Tailwind CSS v4
@theme {
--color-fricassee: #ffe6c2;
--color-fricassee-50: #fef4e4;
--color-fricassee-100: #f2e6d4;
--color-fricassee-200: #e1d2bb;
--color-fricassee-300: #c7b599;
--color-fricassee-400: #b19b7b;
--color-fricassee-500: #9b825d;
--color-fricassee-600: #836e4f;
--color-fricassee-700: #69583f;
--color-fricassee-800: #4e402d;
--color-fricassee-900: #362c1e;
--color-fricassee-950: #21190e;
}SCSS
$fricassee: #ffe6c2;
$fricassee-rgb: 255, 230, 194;
$fricassee-light: mix(#fff, $fricassee, 20%);
$fricassee-dark: mix(#000, $fricassee, 20%);
.element {
color: $fricassee;
box-shadow: 0 0 0 2px rgba($fricassee, 0.35);
}