Adlandırılmış renk · #CEA19F
Sakura Mochi
Sakura Mochi, #CEA19F: rgb(206 161 159), hsl(3 32% 72%), oklch(0.75 0.054 21.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Sakura Mochi color name →
#CEA19F
oklch(0.75 0.054 21.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3AAA8
- D8B3B2
- DDBDBB
- E2C6C4
- E7CFCE
- ECD9D8
- F1E2E1
- F6ECEB
- FAF5F5
Koyu tonlar
- B38B8A
- 987675
- 7F6261
- 664E4D
- 4E3C3B
- 382A29
- 231918
- 0F0909
- 020101
Gri tonlar
- C69E9C
- BE9A99
- B69796
- AF9493
- A7918F
- 9F8D8C
- 978A89
- 908786
- 888383
Renk uyumları
Tamamlayıcı +180°
- CEA19F
Sakura Mochi
- 86B9BC
≈ Misty Cold Sea
Analog -30° +30°
- CEA19F
Sakura Mochi
- CAA0B2
≈ Quilted Heart
- CAA58F
≈ Moenkopi Soil
Üçlü +120° +240°
- CEA19F
Sakura Mochi
- 9CB797
≈ Brookview
- 9BAFD1
≈ Heartsong
Bölünmüş tamamlayıcı +150° +210°
- CEA19F
Sakura Mochi
- 8CB9AA
≈ Mild Evergreen
- 8CB5CA
≈ Pond Blue
Dörtlü +90° +180° +270°
- CEA19F
Sakura Mochi
- AFB28B
≈ Lint
- 86B9BC
≈ Misty Cold Sea
- AEA8CE
≈ Violet Mix
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.27:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.22:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.22:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
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);
}