이름 색상 · #FAEAC3
Rich Cream
Rich Cream은(는) #FAEAC3: rgb(250 234 195), hsl(43 85% 87%), oklch(0.94 0.054 88.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Rich Cream color name →
#FAEAC3
oklch(0.94 0.054 88.4)
색상 변환
- HEX
- #faeac3
- RGB
- rgb(250 234 195)
- HSL
- hsl(43 85% 87%)
- HWB
- hwb(43 76% 2%)
- OKLCH
- oklch(0.94 0.054 88.4)
- OKLab
- oklab(0.94 0.002 0.054)
- CIE Lab
- lab(93.26 1.18 21.09)
- LCH
- lch(93.26 21.12 86.8)
- CMYK
- cmyk(0% 6% 22% 2%)
틴트 · 셰이드 · 톤
틴트
- FBECC9
- FBEECF
- FCF0D5
- FCF3DB
- FDF5E1
- FDF7E7
- FEF9ED
- FEFBF3
- FFFDF9
셰이드
- D9CBA9
- BAAE90
- 9B9178
- 7D7560
- 615A4A
- 464134
- 2D2920
- 15130E
- 030302
톤
- EDDFBC
- E0D4B5
- D4C9AF
- C7BEA8
- BBB4A1
- AFA99B
- A39F94
- 97948D
- 8C8A87
색 조화
보색 +180°
- FAEAC3
Rich Cream
- E3EBFF
≈ Husky
유사색 -30° +30°
- FAEAC3
Rich Cream
- FFE6D4
≈ Mood Lighting
- E7F1C9
≈ Lime Coco Cake
삼각 배색 +120° +240°
- FAEAC3
Rich Cream
- C2F6FE
≈ Pale Sky
- FFE0FD
≈ Sugarpills
분열 보색 +150° +210°
- FAEAC3
Rich Cream
- D8EFFF
≈ Calcareous Sinter
- EEE7FF
≈ Bright Dusk
사각 배색 +90° +180° +270°
- FAEAC3
Rich Cream
- C6F8EB
≈ Shallow End
- E3EBFF
≈ Husky
- FFE3EB
≈ Early Blossom
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.19:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.62:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.62:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--rich-cream: #faeac3;
--rich-cream-rgb: 250 234 195;
--rich-cream-oklch: oklch(0.94 0.054 88.4);
}
.element {
color: var(--rich-cream);
background-color: hsl(43 85% 87%);
border-color: oklch(0.94 0.054 88.4);
}Tailwind CSS v4
@theme {
--color-rich-cream: #faeac3;
--color-rich-cream-50: #fbf5e4;
--color-rich-cream-100: #efe8d4;
--color-rich-cream-200: #ddd4bb;
--color-rich-cream-300: #c2b799;
--color-rich-cream-400: #ab9d7a;
--color-rich-cream-500: #95855d;
--color-rich-cream-600: #7e704f;
--color-rich-cream-700: #655a3f;
--color-rich-cream-800: #4b412d;
--color-rich-cream-900: #342d1e;
--color-rich-cream-950: #1f1a0e;
}SCSS
$rich-cream: #faeac3;
$rich-cream-rgb: 250, 234, 195;
$rich-cream-light: mix(#fff, $rich-cream, 20%);
$rich-cream-dark: mix(#000, $rich-cream, 20%);
.element {
color: $rich-cream;
box-shadow: 0 0 0 2px rgba($rich-cream, 0.35);
}