Cor nomeada · #F0CCAD
Cosy Coverlet
Cosy Coverlet é #F0CCAD: rgb(240 204 173), hsl(28 69% 81%), oklch(0.868 0.058 62.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cosy Coverlet color name →
#F0CCAD
oklch(0.868 0.058 62.7)
Conversões de cor
- HEX
- #f0ccad
- RGB
- rgb(240 204 173)
- HSL
- hsl(28 69% 81%)
- HWB
- hwb(28 68% 6%)
- OKLCH
- oklch(0.868 0.058 62.7)
- OKLab
- oklab(0.868 0.027 0.052)
- CIE Lab
- lab(84.59 9.78 20.46)
- LCH
- lch(84.59 22.68 64.5)
- CMYK
- cmyk(0% 15% 28% 6%)
Tons claros · Sombras · Tons
Tons claros
- F2D1B5
- F3D6BD
- F5DBC6
- F6E0CE
- F8E6D6
- F9EBDE
- FBF0E6
- FCF5EF
- FEFAF7
Sombras
- D1B196
- B2977F
- 957E6A
- 786555
- 5D4E41
- 43372D
- 2A221B
- 140F0B
- 030201
Tons
- E4C4A9
- D9BCA4
- CDB5A0
- C2AD9B
- B7A597
- AC9E92
- A1968E
- 968F89
- 8B8785
Harmonias de cor
Complementar +180°
- F0CCAD
Cosy Coverlet
- B3D9F7
≈ Blue Rice
Análoga -30° +30°
- F0CCAD
Cosy Coverlet
- F7C7BC
≈ Sherbet Fruit
- E1D3A9
≈ Gratin Dauphinois
Tríade +120° +240°
- F0CCAD
Cosy Coverlet
- AAE1D7
≈ Capri Water Blue
- DBCBF4
≈ Pale Lavender
Complementar dividida +150° +210°
- F0CCAD
Cosy Coverlet
- A8DEEA
≈ Early July
- C6D2FB
≈ Pale Phthalo Blue
Tétrade +90° +180° +270°
- F0CCAD
Cosy Coverlet
- B8DFC2
≈ Lattice Work
- B3D9F7
≈ Blue Rice
- ECC6E4
≈ Venetian Rose
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.94:1 · APCA Lc 80
Melhor cor de texto: #000000
WCAG 13.94:1 (AAA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--cosy-coverlet: #f0ccad;
--cosy-coverlet-rgb: 240 204 173;
--cosy-coverlet-oklch: oklch(0.868 0.058 62.7);
}
.element {
color: var(--cosy-coverlet);
background-color: hsl(28 69% 81%);
border-color: oklch(0.868 0.058 62.7);
}Tailwind CSS v4
@theme {
--color-cosy-coverlet: #f0ccad;
--color-cosy-coverlet-50: #fff2e4;
--color-cosy-coverlet-100: #f6e4d4;
--color-cosy-coverlet-200: #e6d0bb;
--color-cosy-coverlet-300: #cdb299;
--color-cosy-coverlet-400: #b8977b;
--color-cosy-coverlet-500: #a27e5e;
--color-cosy-coverlet-600: #896b50;
--color-cosy-coverlet-700: #6e5540;
--color-cosy-coverlet-800: #513e2e;
--color-cosy-coverlet-900: #392b1f;
--color-cosy-coverlet-950: #23180f;
}SCSS
$cosy-coverlet: #f0ccad;
$cosy-coverlet-rgb: 240, 204, 173;
$cosy-coverlet-light: mix(#fff, $cosy-coverlet, 20%);
$cosy-coverlet-dark: mix(#000, $cosy-coverlet, 20%);
.element {
color: $cosy-coverlet;
box-shadow: 0 0 0 2px rgba($cosy-coverlet, 0.35);
}