Cor nomeada · #F1D7CB
Chinese Cherry
Chinese Cherry é #F1D7CB: rgb(241 215 203), hsl(19 58% 87%), oklch(0.897 0.033 46.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Chinese Cherry color name →
#F1D7CB
oklch(0.897 0.033 46.4)
Conversões de cor
- HEX
- #f1d7cb
- RGB
- rgb(241 215 203)
- HSL
- hsl(19 58% 87%)
- HWB
- hwb(19 80% 5%)
- OKLCH
- oklch(0.897 0.033 46.4)
- OKLab
- oklab(0.897 0.023 0.024)
- CIE Lab
- lab(87.92 7.9 9.41)
- LCH
- lch(87.92 12.29 50)
- CMYK
- cmyk(0% 11% 16% 5%)
Tons claros · Sombras · Tons
Tons claros
- F2DBD0
- F4DFD5
- F5E3DA
- F7E7E0
- F8EBE5
- FAEFEA
- FBF3EF
- FCF7F4
- FEFBFA
Sombras
- D2BBB0
- B39F96
- 95857D
- 796B65
- 5D524D
- 433B37
- 2B2522
- 14110F
- 030202
Tons
- E5CEC3
- D9C5BC
- CEBCB4
- C2B3AC
- B7ABA5
- ACA29D
- A19996
- 96918F
- 8B8887
Harmonias de cor
Complementar +180°
- F1D7CB
Chinese Cherry
- C7E2EE
≈ Pale Frost
Análoga -30° +30°
- F1D7CB
Chinese Cherry
- F3D5D5
≈ French Bustle
- EADBC5
≈ Golden Lotus
Tríade +120° +240°
- F1D7CB
Chinese Cherry
- C9E5D8
≈ Mint Whisper
- DBDAF3
≈ Quartz
Complementar dividida +150° +210°
- F1D7CB
Chinese Cherry
- C5E4E4
≈ Swimming
- CFDFF4
≈ Light Breeze
Tétrade +90° +180° +270°
- F1D7CB
Chinese Cherry
- D3E3CD
≈ Lime Flip
- C7E2EE
≈ Pale Frost
- E6D7EC
≈ First Lilac
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.32:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.32:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--chinese-cherry: #f1d7cb;
--chinese-cherry-rgb: 241 215 203;
--chinese-cherry-oklch: oklch(0.897 0.033 46.4);
}
.element {
color: var(--chinese-cherry);
background-color: hsl(19 58% 87%);
border-color: oklch(0.897 0.033 46.4);
}Tailwind CSS v4
@theme {
--color-chinese-cherry: #f1d7cb;
--color-chinese-cherry-50: #fef3ed;
--color-chinese-cherry-100: #f2e5de;
--color-chinese-cherry-200: #e1d0c8;
--color-chinese-cherry-300: #c6b3a9;
--color-chinese-cherry-400: #b0998e;
--color-chinese-cherry-500: #9a8074;
--color-chinese-cherry-600: #826c62;
--color-chinese-cherry-700: #68574e;
--color-chinese-cherry-800: #4d3f39;
--color-chinese-cherry-900: #352b27;
--color-chinese-cherry-950: #201915;
}SCSS
$chinese-cherry: #f1d7cb;
$chinese-cherry-rgb: 241, 215, 203;
$chinese-cherry-light: mix(#fff, $chinese-cherry, 20%);
$chinese-cherry-dark: mix(#000, $chinese-cherry, 20%);
.element {
color: $chinese-cherry;
box-shadow: 0 0 0 2px rgba($chinese-cherry, 0.35);
}