이름 색상 · #FCDFAF
Apricot Mousse
Apricot Mousse은(는) #FCDFAF: rgb(252 223 175), hsl(37 93% 84%), oklch(0.916 0.07 80.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Apricot Mousse color name →
#FCDFAF
oklch(0.916 0.07 80.2)
색상 변환
- HEX
- #fcdfaf
- RGB
- rgb(252 223 175)
- HSL
- hsl(37 93% 84%)
- HWB
- hwb(37 69% 1%)
- OKLCH
- oklch(0.916 0.07 80.2)
- OKLab
- oklab(0.916 0.012 0.069)
- CIE Lab
- lab(90.39 5.28 27.47)
- LCH
- lch(90.39 27.97 79.1)
- CMYK
- cmyk(0% 12% 31% 1%)
틴트 · 셰이드 · 톤
틴트
- FCE2B7
- FDE6BF
- FDE9C7
- FDECD0
- FEEFD7
- FEF2DF
- FEF6E7
- FFF9EF
- FFFCF7
셰이드
- DBC298
- BBA581
- 9C8A6B
- 7E6F56
- 625641
- 473D2E
- 2D271C
- 16120B
- 030201
톤
- EFD5AA
- E2CBA6
- D5C2A1
- C9B89D
- BCAF98
- B0A593
- A49C8F
- 98928A
- 8C8985
색 조화
보색 +180°
- FCDFAF
Apricot Mousse
- D4E4FF
≈ Veiling Waterfalls
유사색 -30° +30°
- FCDFAF
Apricot Mousse
- FFDBC7
≈ Sugared Peach
- E5E8B2
≈ Iced Celery
삼각 배색 +120° +240°
- FCDFAF
Apricot Mousse
- ACF2F6
≈ Waterspout
- F8D6FF
≈ Pink Diamond
분열 보색 +150° +210°
- FCDFAF
Apricot Mousse
- C2EAFF
≈ Blue Java Banana
- E2DFFF
≈ Stoic White
사각 배색 +90° +180° +270°
- FCDFAF
Apricot Mousse
- B5F3DC
≈ Mystery Mint
- D4E4FF
≈ Veiling Waterfalls
- FFD6E8
≈ Pink Currant
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.28:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.31:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.31:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--apricot-mousse: #fcdfaf;
--apricot-mousse-rgb: 252 223 175;
--apricot-mousse-oklch: oklch(0.916 0.07 80.2);
}
.element {
color: var(--apricot-mousse);
background-color: hsl(37 93% 84%);
border-color: oklch(0.916 0.07 80.2);
}Tailwind CSS v4
@theme {
--color-apricot-mousse: #fcdfaf;
--color-apricot-mousse-50: #fff4df;
--color-apricot-mousse-100: #f4e6ce;
--color-apricot-mousse-200: #e3d2b3;
--color-apricot-mousse-300: #c9b58f;
--color-apricot-mousse-400: #b49a6f;
--color-apricot-mousse-500: #9e814f;
--color-apricot-mousse-600: #866d43;
--color-apricot-mousse-700: #6b5736;
--color-apricot-mousse-800: #503f26;
--color-apricot-mousse-900: #372c19;
--color-apricot-mousse-950: #22190a;
}SCSS
$apricot-mousse: #fcdfaf;
$apricot-mousse-rgb: 252, 223, 175;
$apricot-mousse-light: mix(#fff, $apricot-mousse, 20%);
$apricot-mousse-dark: mix(#000, $apricot-mousse, 20%);
.element {
color: $apricot-mousse;
box-shadow: 0 0 0 2px rgba($apricot-mousse, 0.35);
}