Colore con nome · #CEA19F
Sakura Mochi
Sakura Mochi è #CEA19F: rgb(206 161 159), hsl(3 32% 72%), oklch(0.75 0.054 21.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Sakura Mochi color name →
#CEA19F
oklch(0.75 0.054 21.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D3AAA8
- D8B3B2
- DDBDBB
- E2C6C4
- E7CFCE
- ECD9D8
- F1E2E1
- F6ECEB
- FAF5F5
Ombre
- B38B8A
- 987675
- 7F6261
- 664E4D
- 4E3C3B
- 382A29
- 231918
- 0F0909
- 020101
Toni
- C69E9C
- BE9A99
- B69796
- AF9493
- A7918F
- 9F8D8C
- 978A89
- 908786
- 888383
Armonie di colore
Complementare +180°
- CEA19F
Sakura Mochi
- 86B9BC
≈ Misty Cold Sea
Analogo -30° +30°
- CEA19F
Sakura Mochi
- CAA0B2
≈ Quilted Heart
- CAA58F
≈ Moenkopi Soil
Triadico +120° +240°
- CEA19F
Sakura Mochi
- 9CB797
≈ Brookview
- 9BAFD1
≈ Heartsong
Complementare divisa +150° +210°
- CEA19F
Sakura Mochi
- 8CB9AA
≈ Mild Evergreen
- 8CB5CA
≈ Pond Blue
Tetradico +90° +180° +270°
- CEA19F
Sakura Mochi
- AFB28B
≈ Lint
- 86B9BC
≈ Misty Cold Sea
- AEA8CE
≈ Violet Mix
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.22:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.22:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
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);
}