Colore con nome · #E3D7BB
Cornerstone
Cornerstone è #E3D7BB: rgb(227 215 187), hsl(42 42% 81%), oklch(0.882 0.04 87.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Cornerstone color name →
#E3D7BB
oklch(0.882 0.04 87.6)
Conversioni di colore
- HEX
- #e3d7bb
- RGB
- rgb(227 215 187)
- HSL
- hsl(42 42% 81%)
- HWB
- hwb(42 73% 11%)
- OKLCH
- oklch(0.882 0.04 87.6)
- OKLab
- oklab(0.882 0.002 0.04)
- CIE Lab
- lab(86.41 0.92 15.44)
- LCH
- lch(86.41 15.47 86.6)
- CMYK
- cmyk(0% 5% 18% 11%)
Tinte · Ombre · Toni
Tinte
- E6DBC2
- E9DFC9
- EBE3CF
- EEE7D6
- F1EBDD
- F4EFE4
- F7F3EA
- F9F7F1
- FCFBF8
Ombre
- C5BBA2
- A89F8A
- 8C8573
- 716B5C
- 575246
- 3F3B32
- 27251F
- 12110D
- 030202
Toni
- D9CEB5
- CEC5AF
- C4BCA9
- BAB3A3
- B0AB9D
- A6A297
- 9D9991
- 93918C
- 898886
Armonie di colore
Complementare +180°
- E3D7BB
Cornerstone
- CCD8F3
≈ Fly a Kite
Analogo -30° +30°
- E3D7BB
Cornerstone
- EDD2BF
≈ Cream of Mushroom
- D5DCBF
≈ Breezeway
Triadico +120° +240°
- E3D7BB
Cornerstone
- BBE0E5
≈ Forever
- E7CFE6
≈ Little Touch
Complementare divisa +150° +210°
- E3D7BB
Cornerstone
- C1DDEF
≈ Island View
- DAD3EF
≈ Shimmering Sky
Tetradico +90° +180° +270°
- E3D7BB
Cornerstone
- BDE1D8
≈ Serendipity
- CCD8F3
≈ Fly a Kite
- EFCED8
≈ Berry Butter
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.70:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--cornerstone: #e3d7bb;
--cornerstone-rgb: 227 215 187;
--cornerstone-oklch: oklch(0.882 0.04 87.6);
}
.element {
color: var(--cornerstone);
background-color: hsl(42 42% 81%);
border-color: oklch(0.882 0.04 87.6);
}Tailwind CSS v4
@theme {
--color-cornerstone: #e3d7bb;
--color-cornerstone-50: #f9f5e9;
--color-cornerstone-100: #ede8d9;
--color-cornerstone-200: #dbd4c2;
--color-cornerstone-300: #bfb7a1;
--color-cornerstone-400: #a89d84;
--color-cornerstone-500: #918568;
--color-cornerstone-600: #7b7159;
--color-cornerstone-700: #625a47;
--color-cornerstone-800: #494233;
--color-cornerstone-900: #322d23;
--color-cornerstone-950: #1e1a12;
}SCSS
$cornerstone: #e3d7bb;
$cornerstone-rgb: 227, 215, 187;
$cornerstone-light: mix(#fff, $cornerstone, 20%);
$cornerstone-dark: mix(#000, $cornerstone, 20%);
.element {
color: $cornerstone;
box-shadow: 0 0 0 2px rgba($cornerstone, 0.35);
}