Color con nombre · #EBC09B
Special Peach
Special Peach es #EBC09B: rgb(235 192 155), hsl(28 67% 76%), oklch(0.837 0.07 62.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Special Peach color name →
#EBC09B
oklch(0.837 0.07 62.4)
Conversiones de color
- HEX
- #ebc09b
- RGB
- rgb(235 192 155)
- HSL
- hsl(28 67% 76%)
- HWB
- hwb(28 61% 8%)
- OKLCH
- oklch(0.837 0.07 62.4)
- OKLab
- oklab(0.837 0.032 0.062)
- CIE Lab
- lab(80.88 12.13 24.8)
- LCH
- lch(80.88 27.61 63.9)
- CMYK
- cmyk(0% 18% 34% 8%)
Tintes · Sombras · Tonos
Tintes
- EDC6A5
- EFCDAF
- F2D3B9
- F4D9C3
- F6DFCD
- F8E6D7
- FAECE1
- FBF2EB
- FDF9F5
Sombras
- CCA786
- AE8E72
- 91765E
- 755F4B
- 5B4939
- 413428
- 292018
- 130E09
- 030201
Tonos
- E0B999
- D5B396
- CAAD93
- BFA691
- B5A08E
- AA998B
- 9F9389
- 958D86
- 8A8683
Armonías de color
Complementario +180°
- EBC09B
Special Peach
- A2D0F4
≈ Sail
Análogo -30° +30°
- EBC09B
Special Peach
- F3B9AD
≈ Canyon Hush
- D9C996
≈ Artichoke Mist
Triádico +120° +240°
- EBC09B
Special Peach
- 96D9CD
≈ Sweet Rhapsody
- D2BFF0
≈ Connecticut Lilac
Complementario dividido +150° +210°
- EBC09B
Special Peach
- 93D6E4
≈ Infinity Pool
- B9C7F8
≈ Light Periwinkle
Tetrádico +90° +180° +270°
- EBC09B
Special Peach
- A8D7B4
≈ Frugal
- A2D0F4
≈ Sail
- E6B9DE
≈ Pink Drink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.67:1 · APCA Lc 30
Ag
AAASobre negro
WCAG 12.54:1 · APCA Lc 73
Mejor color de texto: #000000
WCAG 12.54:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmentos de código
CSS
:root {
--special-peach: #ebc09b;
--special-peach-rgb: 235 192 155;
--special-peach-oklch: oklch(0.837 0.07 62.4);
}
.element {
color: var(--special-peach);
background-color: hsl(28 67% 76%);
border-color: oklch(0.837 0.07 62.4);
}Tailwind CSS v4
@theme {
--color-special-peach: #ebc09b;
--color-special-peach-50: #fff2e1;
--color-special-peach-100: #f9e4d0;
--color-special-peach-200: #eacfb6;
--color-special-peach-300: #d1b193;
--color-special-peach-400: #bd9674;
--color-special-peach-500: #a87c55;
--color-special-peach-600: #8e6948;
--color-special-peach-700: #72543a;
--color-special-peach-800: #543d29;
--color-special-peach-900: #3b2a1c;
--color-special-peach-950: #25170c;
}SCSS
$special-peach: #ebc09b;
$special-peach-rgb: 235, 192, 155;
$special-peach-light: mix(#fff, $special-peach, 20%);
$special-peach-dark: mix(#000, $special-peach, 20%);
.element {
color: $special-peach;
box-shadow: 0 0 0 2px rgba($special-peach, 0.35);
}