Adlandırılmış renk · #F0CCAD
Cosy Coverlet
Cosy Coverlet, #F0CCAD: rgb(240 204 173), hsl(28 69% 81%), oklch(0.868 0.058 62.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Cosy Coverlet color name →
#F0CCAD
oklch(0.868 0.058 62.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2D1B5
- F3D6BD
- F5DBC6
- F6E0CE
- F8E6D6
- F9EBDE
- FBF0E6
- FCF5EF
- FEFAF7
Koyu tonlar
- D1B196
- B2977F
- 957E6A
- 786555
- 5D4E41
- 43372D
- 2A221B
- 140F0B
- 030201
Gri tonlar
- E4C4A9
- D9BCA4
- CDB5A0
- C2AD9B
- B7A597
- AC9E92
- A1968E
- 968F89
- 8B8785
Renk uyumları
Tamamlayıcı +180°
- F0CCAD
Cosy Coverlet
- B3D9F7
≈ Blue Rice
Analog -30° +30°
- F0CCAD
Cosy Coverlet
- F7C7BC
≈ Sherbet Fruit
- E1D3A9
≈ Gratin Dauphinois
Üçlü +120° +240°
- F0CCAD
Cosy Coverlet
- AAE1D7
≈ Capri Water Blue
- DBCBF4
≈ Pale Lavender
Bölünmüş tamamlayıcı +150° +210°
- F0CCAD
Cosy Coverlet
- A8DEEA
≈ Early July
- C6D2FB
≈ Pale Phthalo Blue
Dörtlü +90° +180° +270°
- F0CCAD
Cosy Coverlet
- B8DFC2
≈ Lattice Work
- B3D9F7
≈ Blue Rice
- ECC6E4
≈ Venetian Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.94:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 13.94:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
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);
}