Colore con nome · #E3C6AF
Cockleshell
Cockleshell è #E3C6AF: rgb(227 198 175), hsl(27 48% 79%), oklch(0.845 0.045 60.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cockleshell color name →
#E3C6AF
oklch(0.845 0.045 60.6)
Conversioni di colore
- HEX
- #e3c6af
- RGB
- rgb(227 198 175)
- HSL
- hsl(27 48% 79%)
- HWB
- hwb(27 69% 11%)
- OKLCH
- oklch(0.845 0.045 60.6)
- OKLab
- oklab(0.845 0.022 0.04)
- CIE Lab
- lab(81.93 7.98 15.54)
- LCH
- lch(81.93 17.47 62.8)
- CMYK
- cmyk(0% 13% 23% 11%)
Tinte · Ombre · Toni
Tinte
- E6CCB7
- E9D1BF
- ECD7C7
- EEDDCF
- F1E2D7
- F4E8DF
- F7EEE7
- FAF3EF
- FCF9F7
Ombre
- C5AC98
- A89281
- 8C7A6B
- 716256
- 574B41
- 3F352E
- 27211C
- 120E0B
- 030201
Toni
- D9BFAA
- CFB8A6
- C4B1A1
- BAA99C
- B0A297
- A79B93
- 9D958E
- 938E89
- 8A8785
Armonie di colore
Complementare +180°
- E3C6AF
Cockleshell
- B3D1E7
≈ Chapel Blue
Analogo -30° +30°
- E3C6AF
Cockleshell
- E8C2BB
≈ Congo
- D7CCAB
≈ Dance With the Wind
Triadico +120° +240°
- E3C6AF
Cockleshell
- ADD6CD
≈ Scandal
- D1C6E6
≈ Italian Fitch
Complementare divisa +150° +210°
- E3C6AF
Cockleshell
- ABD5DD
≈ Light Bathing
- C1CBEB
≈ Powdered Granite
Tetradico +90° +180° +270°
- E3C6AF
Cockleshell
- B8D5BD
≈ Surf
- B3D1E7
≈ Chapel Blue
- DEC2DA
≈ Plum Taffy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.62:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.96:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.96:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--cockleshell: #e3c6af;
--cockleshell-rgb: 227 198 175;
--cockleshell-oklch: oklch(0.845 0.045 60.6);
}
.element {
color: var(--cockleshell);
background-color: hsl(27 48% 79%);
border-color: oklch(0.845 0.045 60.6);
}Tailwind CSS v4
@theme {
--color-cockleshell: #e3c6af;
--color-cockleshell-50: #fff3e8;
--color-cockleshell-100: #f3e5d9;
--color-cockleshell-200: #e3d0c1;
--color-cockleshell-300: #c9b3a0;
--color-cockleshell-400: #b39984;
--color-cockleshell-500: #9d8068;
--color-cockleshell-600: #856c58;
--color-cockleshell-700: #6a5646;
--color-cockleshell-800: #4f3f33;
--color-cockleshell-900: #372b23;
--color-cockleshell-950: #211812;
}SCSS
$cockleshell: #e3c6af;
$cockleshell-rgb: 227, 198, 175;
$cockleshell-light: mix(#fff, $cockleshell, 20%);
$cockleshell-dark: mix(#000, $cockleshell, 20%);
.element {
color: $cockleshell;
box-shadow: 0 0 0 2px rgba($cockleshell, 0.35);
}