이름 색상 · #CEA19F
Sakura Mochi
Sakura Mochi은(는) #CEA19F: rgb(206 161 159), hsl(3 32% 72%), oklch(0.75 0.054 21.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Sakura Mochi color name →
#CEA19F
oklch(0.75 0.054 21.4)
색상 변환
- HEX
- #cea19f
- RGB
- rgb(206 161 159)
- HSL
- hsl(3 32% 72%)
- HWB
- hwb(3 62% 19%)
- OKLCH
- oklch(0.75 0.054 21.4)
- OKLab
- oklab(0.75 0.05 0.02)
- CIE Lab
- lab(70.44 16.94 7.77)
- LCH
- lch(70.44 18.64 24.6)
- CMYK
- cmyk(0% 22% 23% 19%)
틴트 · 셰이드 · 톤
틴트
- D3AAA8
- D8B3B2
- DDBDBB
- E2C6C4
- E7CFCE
- ECD9D8
- F1E2E1
- F6ECEB
- FAF5F5
셰이드
- B38B8A
- 987675
- 7F6261
- 664E4D
- 4E3C3B
- 382A29
- 231918
- 0F0909
- 020101
톤
- C69E9C
- BE9A99
- B69796
- AF9493
- A7918F
- 9F8D8C
- 978A89
- 908786
- 888383
색 조화
보색 +180°
- CEA19F
Sakura Mochi
- 86B9BC
≈ Misty Cold Sea
유사색 -30° +30°
- CEA19F
Sakura Mochi
- CAA0B2
≈ Quilted Heart
- CAA58F
≈ Moenkopi Soil
삼각 배색 +120° +240°
- CEA19F
Sakura Mochi
- 9CB797
≈ Brookview
- 9BAFD1
≈ Heartsong
분열 보색 +150° +210°
- CEA19F
Sakura Mochi
- 8CB9AA
≈ Mild Evergreen
- 8CB5CA
≈ Pond Blue
사각 배색 +90° +180° +270°
- CEA19F
Sakura Mochi
- AFB28B
≈ Lint
- 86B9BC
≈ Misty Cold Sea
- AEA8CE
≈ Violet Mix
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.22:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.22:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--sakura-mochi: #cea19f;
--sakura-mochi-rgb: 206 161 159;
--sakura-mochi-oklch: oklch(0.75 0.054 21.4);
}
.element {
color: var(--sakura-mochi);
background-color: hsl(3 32% 72%);
border-color: oklch(0.75 0.054 21.4);
}Tailwind CSS v4
@theme {
--color-sakura-mochi: #cea19f;
--color-sakura-mochi-50: #fff0ee;
--color-sakura-mochi-100: #fae1df;
--color-sakura-mochi-200: #ebccc9;
--color-sakura-mochi-300: #d2adaa;
--color-sakura-mochi-400: #bc9291;
--color-sakura-mochi-500: #a77877;
--color-sakura-mochi-600: #8d6664;
--color-sakura-mochi-700: #715150;
--color-sakura-mochi-800: #543b3b;
--color-sakura-mochi-900: #3a2828;
--color-sakura-mochi-950: #241616;
}SCSS
$sakura-mochi: #cea19f;
$sakura-mochi-rgb: 206, 161, 159;
$sakura-mochi-light: mix(#fff, $sakura-mochi, 20%);
$sakura-mochi-dark: mix(#000, $sakura-mochi, 20%);
.element {
color: $sakura-mochi;
box-shadow: 0 0 0 2px rgba($sakura-mochi, 0.35);
}