Color con nombre · #E198B4
Peach Flower
Peach Flower es #E198B4: rgb(225 152 180), hsl(337 55% 74%), oklch(0.76 0.094 354.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Peach Flower color name →
#E198B4
oklch(0.76 0.094 354.9)
Conversiones de color
- HEX
- #e198b4
- RGB
- rgb(225 152 180)
- HSL
- hsl(337 55% 74%)
- HWB
- hwb(337 60% 12%)
- OKLCH
- oklch(0.76 0.094 354.9)
- OKLab
- oklab(0.76 0.094 -0.008)
- CIE Lab
- lab(70.89 31.02 -2.84)
- LCH
- lch(70.89 31.15 354.8)
- CMYK
- cmyk(0% 32% 20% 12%)
Tintes · Sombras · Tonos
Tintes
- E5A2BB
- E8ACC3
- ECB7CA
- EFC1D1
- F2CBD9
- F5D6E0
- F8E0E8
- FAEAF0
- FDF5F7
Sombras
- C4849C
- A77085
- 8B5C6E
- 704A58
- 563844
- 3E2730
- 27171D
- 12080C
- 020102
Tonos
- D796AF
- CE94A9
- C491A4
- BA8F9F
- B18D9A
- A78A94
- 9D888F
- 94858A
- 8A8385
Armonías de color
Complementario +180°
- E198B4
Peach Flower
- 6AC5AD
≈ Blue Energy
Análogo -30° +30°
- E198B4
Peach Flower
- D09CD2
≈ Velvet Horizon
- E79A93
≈ She Loves Pink
Triádico +120° +240°
- E198B4
Peach Flower
- AFB872
≈ Green Curry
- 72BBE4
≈ Costa Rica Blue
Complementario dividido +150° +210°
- E198B4
Peach Flower
- 8BC18C
≈ Green Masquerade
- 5FC2CD
≈ Baharroth Blue
Tetrádico +90° +180° +270°
- E198B4
Peach Flower
- CCAD69
≈ Ginger Crunch
- 6AC5AD
≈ Blue Energy
- 94B0ED
≈ Fly Away
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.24:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.35:1 · APCA Lc 58
Mejor color de texto: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmentos de código
CSS
:root {
--peach-flower: #e198b4;
--peach-flower-rgb: 225 152 180;
--peach-flower-oklch: oklch(0.76 0.094 354.9);
}
.element {
color: var(--peach-flower);
background-color: hsl(337 55% 74%);
border-color: oklch(0.76 0.094 354.9);
}Tailwind CSS v4
@theme {
--color-peach-flower: #e198b4;
--color-peach-flower-50: #ffebf5;
--color-peach-flower-100: #ffdce8;
--color-peach-flower-200: #f7c4d5;
--color-peach-flower-300: #e0a4b8;
--color-peach-flower-400: #cb87a1;
--color-peach-flower-500: #b76b89;
--color-peach-flower-600: #9a5b74;
--color-peach-flower-700: #7c485d;
--color-peach-flower-800: #5b3445;
--color-peach-flower-900: #402430;
--color-peach-flower-950: #29121c;
}SCSS
$peach-flower: #e198b4;
$peach-flower-rgb: 225, 152, 180;
$peach-flower-light: mix(#fff, $peach-flower, 20%);
$peach-flower-dark: mix(#000, $peach-flower, 20%);
.element {
color: $peach-flower;
box-shadow: 0 0 0 2px rgba($peach-flower, 0.35);
}