Color con nombre · #FFB2A5
Peach Pearl
Peach Pearl es #FFB2A5: rgb(255 178 165), hsl(9 100% 82%), oklch(0.833 0.093 29.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Pink mean? → · Peach Pearl color name →
#FFB2A5
oklch(0.833 0.093 29.8)
Conversiones de color
- HEX
- #ffb2a5
- RGB
- rgb(255 178 165)
- HSL
- hsl(9 100% 82%)
- HWB
- hwb(9 65% 0%)
- OKLCH
- oklch(0.833 0.093 29.8)
- OKLab
- oklab(0.833 0.08 0.046)
- CIE Lab
- lab(79.87 27.72 18.56)
- LCH
- lch(79.87 33.36 33.8)
- CMYK
- cmyk(0% 30% 35% 0%)
Tintes · Sombras · Tonos
Tintes
- FFBAAE
- FFC2B7
- FFC9C0
- FFD1C9
- FFD9D2
- FFE0DB
- FFE8E4
- FFF0ED
- FFF7F6
Sombras
- DE9A8F
- BE8379
- 9E6D65
- 805751
- 63433D
- 482F2B
- 2E1D1A
- 160C0A
- 030101
Tonos
- F2ADA1
- E5A89E
- D8A39A
- CC9E96
- BF9993
- B2948F
- A68F8B
- 998A88
- 8D8584
Armonías de color
Complementario +180°
- FFB2A5
Peach Pearl
- 7AD9EA
≈ Medium Sky Blue
Análogo -30° +30°
- FFB2A5
Peach Pearl
- FBAFC6
≈ Caregiver Pink
- F6BA8B
≈ Fresh Peaches
Triádico +120° +240°
- FFB2A5
Peach Pearl
- 9DDAA8
≈ Green Trance
- B3C7FF
≈ Night Snow
Complementario dividido +150° +210°
- FFB2A5
Peach Pearl
- 80DDCA
≈ Shimmering Blue
- 90D1FF
≈ Long Island Sound
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.16:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.16:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--peach-pearl: #ffb2a5;
--peach-pearl-rgb: 255 178 165;
--peach-pearl-oklch: oklch(0.833 0.093 29.8);
}
.element {
color: var(--peach-pearl);
background-color: hsl(9 100% 82%);
border-color: oklch(0.833 0.093 29.8);
}Tailwind CSS v4
@theme {
--color-peach-pearl: #ffb2a5;
--color-peach-pearl-50: #ffece5;
--color-peach-pearl-100: #ffddd5;
--color-peach-pearl-200: #f9c6bc;
--color-peach-pearl-300: #e3a69a;
--color-peach-pearl-400: #cf8a7e;
--color-peach-pearl-500: #bc6e61;
--color-peach-pearl-600: #9e5d53;
--color-peach-pearl-700: #7f4a42;
--color-peach-pearl-800: #5e3530;
--color-peach-pearl-900: #422421;
--color-peach-pearl-950: #2a1310;
}SCSS
$peach-pearl: #ffb2a5;
$peach-pearl-rgb: 255, 178, 165;
$peach-pearl-light: mix(#fff, $peach-pearl, 20%);
$peach-pearl-dark: mix(#000, $peach-pearl, 20%);
.element {
color: $peach-pearl;
box-shadow: 0 0 0 2px rgba($peach-pearl, 0.35);
}