Color con nombre · #EBDBC1
Clam Up
Clam Up es #EBDBC1: rgb(235 219 193), hsl(37 51% 84%), oklch(0.898 0.039 80). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Clam Up color name →
#EBDBC1
oklch(0.898 0.039 80)
Conversiones de color
- HEX
- #ebdbc1
- RGB
- rgb(235 219 193)
- HSL
- hsl(37 51% 84%)
- HWB
- hwb(37 76% 8%)
- OKLCH
- oklch(0.898 0.039 80)
- OKLab
- oklab(0.898 0.007 0.038)
- CIE Lab
- lab(88.21 2.62 14.93)
- LCH
- lch(88.21 15.15 80.1)
- CMYK
- cmyk(0% 7% 18% 8%)
Tintes · Sombras · Tonos
Tintes
- EDDFC7
- EFE2CD
- F1E6D4
- F3E9DA
- F5EDE0
- F7F1E6
- F9F4EC
- FBF8F3
- FDFBF9
Sombras
- CCBEA7
- AEA28F
- 918777
- 756D5F
- 5B5449
- 413C34
- 292620
- 13110E
- 030202
Tonos
- E0D2BA
- D5C8B4
- CABFAD
- BFB6A7
- B4ACA0
- A9A39A
- 9F9A93
- 94928D
- 8A8986
Armonías de color
Complementario +180°
- EBDBC1
Clam Up
- CFDEF8
≈ Puffy Cloud
Análogo -30° +30°
- EBDBC1
Clam Up
- F4D6C7
≈ Resort Sunrise
- DEE0C3
≈ Airy Fields
Triádico +120° +240°
- EBDBC1
Clam Up
- C0E6E7
≈ Swimming
- E9D5EE
≈ First Lilac
Complementario dividido +150° +210°
- EBDBC1
Clam Up
- C4E3F2
≈ Skylark
- DCD9F6
≈ Nostalgia Perfume
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASobre negro
WCAG 15.43:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.43:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--clam-up: #ebdbc1;
--clam-up-rgb: 235 219 193;
--clam-up-oklch: oklch(0.898 0.039 80);
}
.element {
color: var(--clam-up);
background-color: hsl(37 51% 84%);
border-color: oklch(0.898 0.039 80);
}Tailwind CSS v4
@theme {
--color-clam-up: #ebdbc1;
--color-clam-up-50: #fbf4e9;
--color-clam-up-100: #eee7da;
--color-clam-up-200: #ddd3c2;
--color-clam-up-300: #c1b6a2;
--color-clam-up-400: #ab9c85;
--color-clam-up-500: #948469;
--color-clam-up-600: #7d7059;
--color-clam-up-700: #645947;
--color-clam-up-800: #4a4133;
--color-clam-up-900: #332d23;
--color-clam-up-950: #1f1a12;
}SCSS
$clam-up: #ebdbc1;
$clam-up-rgb: 235, 219, 193;
$clam-up-light: mix(#fff, $clam-up, 20%);
$clam-up-dark: mix(#000, $clam-up, 20%);
.element {
color: $clam-up;
box-shadow: 0 0 0 2px rgba($clam-up, 0.35);
}