Color con nombre · #CEDAAC
Chameleon
Chameleon es #CEDAAC: rgb(206 218 172), hsl(76 38% 76%), oklch(0.867 0.063 119.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Chameleon color name →
#CEDAAC
oklch(0.867 0.063 119.6)
Conversiones de color
- HEX
- #cedaac
- RGB
- rgb(206 218 172)
- HSL
- hsl(76 38% 76%)
- HWB
- hwb(76 67% 15%)
- OKLCH
- oklch(0.867 0.063 119.6)
- OKLab
- oklab(0.867 -0.031 0.054)
- CIE Lab
- lab(85.25 -9.98 21.31)
- LCH
- lch(85.25 23.53 115.1)
- CMYK
- cmyk(6% 0% 21% 15%)
Tintes · Sombras · Tonos
Tintes
- D3DEB4
- D8E1BD
- DCE5C5
- E1E9CD
- E6EDD5
- EBF0DE
- F0F4E6
- F5F8EE
- FAFBF7
Sombras
- B3BD95
- 98A27F
- 7F8769
- 666C54
- 4E5440
- 383C2D
- 23251B
- 0F110B
- 020201
Tonos
- C6D1A8
- BEC7A3
- B6BE9F
- AEB59B
- A6AC96
- 9EA392
- 979A8D
- 8F9189
- 878984
Armonías de color
Complementario +180°
- CEDAAC
Chameleon
- D9CBF7
≈ Pale Lavender
Análogo -30° +30°
- CEDAAC
Chameleon
- E4D2A5
≈ Lucent Yellow
- B7E0BE
≈ Lattice Work
Triádico +120° +240°
- CEDAAC
Chameleon
- AFDAF9
≈ Endless Horizon
- F7C3D2
≈ Sullivan’s Heart
Complementario dividido +150° +210°
- CEDAAC
Chameleon
- C3D2FE
≈ Pale Phthalo Blue
- ECC5E8
≈ Prom Corsage
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.47:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.24:1 · APCA Lc 81
Mejor color de texto: #000000
WCAG 14.24:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmentos de código
CSS
:root {
--chameleon: #cedaac;
--chameleon-rgb: 206 218 172;
--chameleon-oklch: oklch(0.867 0.063 119.6);
}
.element {
color: var(--chameleon);
background-color: hsl(76 38% 76%);
border-color: oklch(0.867 0.063 119.6);
}Tailwind CSS v4
@theme {
--color-chameleon: #cedaac;
--color-chameleon-50: #f2f8e5;
--color-chameleon-100: #e4ecd5;
--color-chameleon-200: #d0d9bc;
--color-chameleon-300: #b2bd9a;
--color-chameleon-400: #9aa47b;
--color-chameleon-500: #818d5d;
--color-chameleon-600: #6d774f;
--color-chameleon-700: #575f3f;
--color-chameleon-800: #40452c;
--color-chameleon-900: #2c301e;
--color-chameleon-950: #191c0e;
}SCSS
$chameleon: #cedaac;
$chameleon-rgb: 206, 218, 172;
$chameleon-light: mix(#fff, $chameleon, 20%);
$chameleon-dark: mix(#000, $chameleon, 20%);
.element {
color: $chameleon;
box-shadow: 0 0 0 2px rgba($chameleon, 0.35);
}