이름 색상 · #FAE6E5
Rose Sugar
Rose Sugar은(는) #FAE6E5: rgb(250 230 229), hsl(3 68% 94%), oklch(0.941 0.022 21). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Rose Sugar color name →
#FAE6E5
oklch(0.941 0.022 21)
색상 변환
- HEX
- #fae6e5
- RGB
- rgb(250 230 229)
- HSL
- hsl(3 68% 94%)
- HWB
- hwb(3 90% 2%)
- OKLCH
- oklch(0.941 0.022 21)
- OKLab
- oklab(0.941 0.021 0.008)
- CIE Lab
- lab(92.9 6.92 3.08)
- LCH
- lch(92.9 7.58 24)
- CMYK
- cmyk(0% 8% 8% 2%)
틴트 · 셰이드 · 톤
틴트
- FBE8E8
- FBEBEA
- FCEDED
- FCF0EF
- FDF2F2
- FDF5F5
- FEF7F7
- FEFAFA
- FFFCFC
셰이드
- D9C8C7
- BAABAA
- 9B8E8E
- 7D7372
- 615958
- 46403F
- 2D2828
- 151312
- 030303
톤
- EDDBDA
- E1D1D0
- D4C6C6
- C8BCBB
- BBB2B1
- AFA7A7
- A39D9D
- 979493
- 8C8A8A
색 조화
보색 +180°
- FAE6E5
Rose Sugar
- DBF0F1
≈ Soar
유사색 -30° +30°
- FAE6E5
Rose Sugar
- F8E6ED
≈ Hepatica
- F8E8DE
≈ Morning Blush
삼각 배색 +120° +240°
- FAE6E5
Rose Sugar
- E4EFE2
≈ Molly Green
- E3ECFB
≈ Husky
분열 보색 +150° +210°
- FAE6E5
Rose Sugar
- DEF0E9
≈ Paradise
- DDEEF8
≈ Ice Fishing
사각 배색 +90° +180° +270°
- FAE6E5
Rose Sugar
- ECEDDD
≈ Amazon Mist
- DBF0F1
≈ Soar
- EBE9F9
≈ Bright Dusk
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.19:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.51:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.51:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--rose-sugar: #fae6e5;
--rose-sugar-rgb: 250 230 229;
--rose-sugar-oklch: oklch(0.941 0.022 21);
}
.element {
color: var(--rose-sugar);
background-color: hsl(3 68% 94%);
border-color: oklch(0.941 0.022 21);
}Tailwind CSS v4
@theme {
--color-rose-sugar: #fae6e5;
--color-rose-sugar-50: #fbf3f2;
--color-rose-sugar-100: #efe5e4;
--color-rose-sugar-200: #ded1d0;
--color-rose-sugar-300: #c2b3b2;
--color-rose-sugar-400: #ab9a99;
--color-rose-sugar-500: #948180;
--color-rose-sugar-600: #7d6d6c;
--color-rose-sugar-700: #645756;
--color-rose-sugar-800: #4a3f3f;
--color-rose-sugar-900: #332c2c;
--color-rose-sugar-950: #1f1919;
}SCSS
$rose-sugar: #fae6e5;
$rose-sugar-rgb: 250, 230, 229;
$rose-sugar-light: mix(#fff, $rose-sugar, 20%);
$rose-sugar-dark: mix(#000, $rose-sugar, 20%);
.element {
color: $rose-sugar;
box-shadow: 0 0 0 2px rgba($rose-sugar, 0.35);
}