Color con nombre · #EAD2BB
South Peach
South Peach es #EAD2BB: rgb(234 210 187), hsl(29 53% 83%), oklch(0.878 0.041 66). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · South Peach color name →
#EAD2BB
oklch(0.878 0.041 66)
Conversiones de color
- HEX
- #ead2bb
- RGB
- rgb(234 210 187)
- HSL
- hsl(29 53% 83%)
- HWB
- hwb(29 73% 8%)
- OKLCH
- oklch(0.878 0.041 66)
- OKLab
- oklab(0.878 0.017 0.037)
- CIE Lab
- lab(85.77 5.98 14.65)
- LCH
- lch(85.77 15.83 67.8)
- CMYK
- cmyk(0% 10% 20% 8%)
Tintes · Sombras · Tonos
Tintes
- ECD6C2
- EEDBC8
- F0DFCF
- F3E4D6
- F5E8DD
- F7EDE4
- F9F1EA
- FBF6F1
- FDFAF8
Sombras
- CBB6A2
- AE9B8A
- 918173
- 75685C
- 5A5046
- 413932
- 29241F
- 13100D
- 030202
Tonos
- DFCAB5
- D4C1AF
- C9B9A9
- BEB0A3
- B4A89D
- A9A097
- 9F9891
- 94908C
- 8A8886
Armonías de color
Complementario +180°
- EAD2BB
South Peach
- C2DAF1
≈ Light Powder Blue
Análogo -30° +30°
- EAD2BB
South Peach
- F0CEC4
≈ Leverkaas
- DED7B9
≈ Handmade Linen
Triádico +120° +240°
- EAD2BB
South Peach
- BAE0DB
≈ Mystic Sea
- DDD0ED
≈ Shimmering Sky
Complementario dividido +150° +210°
- EAD2BB
South Peach
- B9DEE8
≈ Himalaya White Blue
- CFD5F2
≈ Flax Bloom
Tetrádico +90° +180° +270°
- EAD2BB
South Peach
- C2DFCC
≈ Luna Green
- C2DAF1
≈ Light Powder Blue
- E9CDE1
≈ Sweety Pie
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.45:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.43:1 · APCA Lc 82
Mejor color de texto: #000000
WCAG 14.43:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--south-peach: #ead2bb;
--south-peach-rgb: 234 210 187;
--south-peach-oklch: oklch(0.878 0.041 66);
}
.element {
color: var(--south-peach);
background-color: hsl(29 53% 83%);
border-color: oklch(0.878 0.041 66);
}Tailwind CSS v4
@theme {
--color-south-peach: #ead2bb;
--color-south-peach-50: #fdf3e9;
--color-south-peach-100: #f1e6da;
--color-south-peach-200: #e0d1c2;
--color-south-peach-300: #c6b4a2;
--color-south-peach-400: #b09a85;
--color-south-peach-500: #99816a;
--color-south-peach-600: #826d5a;
--color-south-peach-700: #685748;
--color-south-peach-800: #4d4034;
--color-south-peach-900: #352c23;
--color-south-peach-950: #201912;
}SCSS
$south-peach: #ead2bb;
$south-peach-rgb: 234, 210, 187;
$south-peach-light: mix(#fff, $south-peach, 20%);
$south-peach-dark: mix(#000, $south-peach, 20%);
.element {
color: $south-peach;
box-shadow: 0 0 0 2px rgba($south-peach, 0.35);
}