Colore con nome · #E4C38F
Cosy Cover
Cosy Cover è #E4C38F: rgb(228 195 143), hsl(37 61% 73%), oklch(0.833 0.077 78.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cosy Cover color name →
#E4C38F
oklch(0.833 0.077 78.7)
Conversioni di colore
- HEX
- #e4c38f
- RGB
- rgb(228 195 143)
- HSL
- hsl(37 61% 73%)
- HWB
- hwb(37 56% 11%)
- OKLCH
- oklch(0.833 0.077 78.7)
- OKLab
- oklab(0.833 0.015 0.076)
- CIE Lab
- lab(80.77 6.85 30.75)
- LCH
- lch(80.77 31.51 77.4)
- CMYK
- cmyk(0% 14% 37% 11%)
Tinte · Ombre · Toni
Tinte
- E7C99A
- EACFA6
- ECD5B1
- EFDBBC
- F2E1C7
- F4E7D2
- F7EDDE
- FAF3E9
- FCF9F4
Ombre
- C6A97C
- A99069
- 8D7857
- 726045
- 584A34
- 3F3424
- 282015
- 120E07
- 030201
Toni
- DABC8E
- CFB58D
- C5AF8C
- BBA88A
- B1A189
- A79A87
- 9D9486
- 938D84
- 8A8782
Armonie di colore
Complementare +180°
- E4C38F
Cosy Cover
- AACAFB
≈ Night Snow
Analogo -30° +30°
- E4C38F
Cosy Cover
- F3BA9C
≈ Mandys Pink
- CCCD92
≈ Corn Husk Green
Triadico +120° +240°
- E4C38F
Cosy Cover
- 8AD8DB
≈ Island Oasis
- DEB9E9
≈ Beefy Pink
Complementare divisa +150° +210°
- E4C38F
Cosy Cover
- 92D3F1
≈ Slightly Spritzig
- C6C1F8
≈ Light Periwinkle
Tetradico +90° +180° +270°
- E4C38F
Cosy Cover
- 96D9BF
≈ Green Jewel
- AACAFB
≈ Night Snow
- F0B4D1
≈ Fulgrim Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.67:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.50:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.50:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--cosy-cover: #e4c38f;
--cosy-cover-rgb: 228 195 143;
--cosy-cover-oklch: oklch(0.833 0.077 78.7);
}
.element {
color: var(--cosy-cover);
background-color: hsl(37 61% 73%);
border-color: oklch(0.833 0.077 78.7);
}Tailwind CSS v4
@theme {
--color-cosy-cover: #e4c38f;
--color-cosy-cover-50: #fff3dd;
--color-cosy-cover-100: #f5e6cb;
--color-cosy-cover-200: #e6d1b0;
--color-cosy-cover-300: #ccb48b;
--color-cosy-cover-400: #b79969;
--color-cosy-cover-500: #a28048;
--color-cosy-cover-600: #896c3e;
--color-cosy-cover-700: #6e5731;
--color-cosy-cover-800: #523f22;
--color-cosy-cover-900: #392b17;
--color-cosy-cover-950: #231808;
}SCSS
$cosy-cover: #e4c38f;
$cosy-cover-rgb: 228, 195, 143;
$cosy-cover-light: mix(#fff, $cosy-cover, 20%);
$cosy-cover-dark: mix(#000, $cosy-cover, 20%);
.element {
color: $cosy-cover;
box-shadow: 0 0 0 2px rgba($cosy-cover, 0.35);
}