Color con nombre · #FFF3F0
Soft Peach Mist
Soft Peach Mist es #FFF3F0: rgb(255 243 240), hsl(12 100% 97%), oklch(0.973 0.014 34.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Soft Peach Mist color name →
#FFF3F0
oklch(0.973 0.014 34.3)
Conversiones de color
- HEX
- #fff3f0
- RGB
- rgb(255 243 240)
- HSL
- hsl(12 100% 97%)
- HWB
- hwb(12 94% 0%)
- OKLCH
- oklch(0.973 0.014 34.3)
- OKLab
- oklab(0.973 0.011 0.008)
- CIE Lab
- lab(96.73 3.79 2.97)
- LCH
- lch(96.73 4.81 38)
- CMYK
- cmyk(0% 5% 6% 0%)
Tintes · Sombras · Tonos
Tintes
- FFF4F1
- FFF5F3
- FFF7F4
- FFF8F6
- FFF9F7
- FFFAF9
- FFFBFA
- FFFDFC
- FFFEFD
Sombras
- DED3D1
- BEB4B2
- 9E9795
- 807A78
- 635E5D
- 484443
- 2E2B2A
- 161414
- 030303
Tonos
- F2E7E4
- E4DBD9
- D7CFCD
- CAC3C2
- BEB8B6
- B1ACAB
- A4A1A0
- 989695
- 8C8B8B
Armonías de color
Complementario +180°
- FFF3F0
Soft Peach Mist
- ECF9FC
≈ Silent Snowfall
Análogo -30° +30°
- FFF3F0
Soft Peach Mist
- FFF2F5
≈ Glimpse of Pink
- FDF4ED
≈ Ambrosia Ivory
Triádico +120° +240°
- FFF3F0
Soft Peach Mist
- EFF9F2
≈ Peaceful Rain
- F3F6FF
≈ Mā White
Complementario dividido +150° +210°
- FFF3F0
Soft Peach Mist
- EDF9F7
≈ Aijiro White
- EFF7FF
≈ Alice Blue
Tetrádico +90° +180° +270°
- FFF3F0
Soft Peach Mist
- F4F8EE
≈ Grass Valley
- ECF9FC
≈ Silent Snowfall
- F8F4FE
≈ Sugar Crystal
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.08:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 19.33:1 · APCA Lc 102
Mejor color de texto: #000000
WCAG 19.33:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmentos de código
CSS
:root {
--soft-peach-mist: #fff3f0;
--soft-peach-mist-rgb: 255 243 240;
--soft-peach-mist-oklch: oklch(0.973 0.014 34.3);
}
.element {
color: var(--soft-peach-mist);
background-color: hsl(12 100% 97%);
border-color: oklch(0.973 0.014 34.3);
}Tailwind CSS v4
@theme {
--color-soft-peach-mist: #fff3f0;
--color-soft-peach-mist-50: #f9f4f2;
--color-soft-peach-mist-100: #ece6e5;
--color-soft-peach-mist-200: #dad2d0;
--color-soft-peach-mist-300: #beb5b3;
--color-soft-peach-mist-400: #a69c99;
--color-soft-peach-mist-500: #8f8380;
--color-soft-peach-mist-600: #796f6d;
--color-soft-peach-mist-700: #615957;
--color-soft-peach-mist-800: #47413f;
--color-soft-peach-mist-900: #312d2c;
--color-soft-peach-mist-950: #1d1a19;
}SCSS
$soft-peach-mist: #fff3f0;
$soft-peach-mist-rgb: 255, 243, 240;
$soft-peach-mist-light: mix(#fff, $soft-peach-mist, 20%);
$soft-peach-mist-dark: mix(#000, $soft-peach-mist, 20%);
.element {
color: $soft-peach-mist;
box-shadow: 0 0 0 2px rgba($soft-peach-mist, 0.35);
}