Color con nombre · #EEDACB
Canyon Peach
Canyon Peach es #EEDACB: rgb(238 218 203), hsl(26 51% 86%), oklch(0.901 0.03 59.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Canyon Peach color name →
#EEDACB
oklch(0.901 0.03 59.3)
Conversiones de color
- HEX
- #eedacb
- RGB
- rgb(238 218 203)
- HSL
- hsl(26 51% 86%)
- HWB
- hwb(26 80% 7%)
- OKLCH
- oklch(0.901 0.03 59.3)
- OKLab
- oklab(0.901 0.015 0.026)
- CIE Lab
- lab(88.4 5.33 10.04)
- LCH
- lch(88.4 11.37 62)
- CMYK
- cmyk(0% 8% 15% 7%)
Tintes · Sombras · Tonos
Tintes
- F0DED0
- F1E1D5
- F3E5DA
- F5E9E0
- F7ECE5
- F8F0EA
- FAF4EF
- FCF8F5
- FDFBFA
Sombras
- CFBDB0
- B1A296
- 93877D
- 776C65
- 5C544D
- 423C37
- 2A2522
- 14110F
- 030202
Tonos
- E2D1C3
- D7C7BC
- CCBEB4
- C1B5AC
- B6ACA5
- ABA39D
- A09A96
- 95918F
- 8A8987
Armonías de color
Complementario +180°
- EEDACB
Canyon Peach
- CDE2F0
≈ Cold Turbulence
Análogo -30° +30°
- EEDACB
Canyon Peach
- F2D7D3
≈ Global Warming
- E6DEC8
≈ Ivory Paper
Triádico +120° +240°
- EEDACB
Canyon Peach
- CAE5DF
≈ Moonlight Jade
- E1DAF0
≈ Chinese Silver
Complementario dividido +150° +210°
- EEDACB
Canyon Peach
- C8E4E9
≈ Ice Age
- D6DEF3
≈ Puffy Cloud
Tetrádico +90° +180° +270°
- EEDACB
Canyon Peach
- D1E4D4
≈ Peppermint Patty
- CDE2F0
≈ Cold Turbulence
- EAD7E8
≈ Pale Grey Magenta
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.52:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.52:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--canyon-peach: #eedacb;
--canyon-peach-rgb: 238 218 203;
--canyon-peach-oklch: oklch(0.901 0.03 59.3);
}
.element {
color: var(--canyon-peach);
background-color: hsl(26 51% 86%);
border-color: oklch(0.901 0.03 59.3);
}Tailwind CSS v4
@theme {
--color-canyon-peach: #eedacb;
--color-canyon-peach-50: #fcf3ed;
--color-canyon-peach-100: #f0e6de;
--color-canyon-peach-200: #ded2c8;
--color-canyon-peach-300: #c3b4a8;
--color-canyon-peach-400: #ac9b8d;
--color-canyon-peach-500: #968273;
--color-canyon-peach-600: #7f6e61;
--color-canyon-peach-700: #65584e;
--color-canyon-peach-800: #4b4038;
--color-canyon-peach-900: #342c27;
--color-canyon-peach-950: #1f1915;
}SCSS
$canyon-peach: #eedacb;
$canyon-peach-rgb: 238, 218, 203;
$canyon-peach-light: mix(#fff, $canyon-peach, 20%);
$canyon-peach-dark: mix(#000, $canyon-peach, 20%);
.element {
color: $canyon-peach;
box-shadow: 0 0 0 2px rgba($canyon-peach, 0.35);
}