Color con nombre · #F5F0F1
Plastic Clouds
Plastic Clouds es #F5F0F1: rgb(245 240 241), hsl(348 20% 95%), oklch(0.959 0.006 3.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Plastic Clouds color name →
#F5F0F1
oklch(0.959 0.006 3.3)
Conversiones de color
- HEX
- #f5f0f1
- RGB
- rgb(245 240 241)
- HSL
- hsl(348 20% 95%)
- HWB
- hwb(348 94% 4%)
- OKLCH
- oklch(0.959 0.006 3.3)
- OKLab
- oklab(0.959 0.006 0)
- CIE Lab
- lab(95.21 1.86 0.14)
- LCH
- lch(95.21 1.87 4.3)
- CMYK
- cmyk(0% 2% 2% 4%)
Tintes · Sombras · Tonos
Tintes
- F6F1F2
- F7F3F4
- F8F4F5
- F9F6F7
- FAF7F8
- FBF9F9
- FCFAFB
- FDFCFC
- FEFDFE
Sombras
- D5D1D2
- B6B2B3
- 989595
- 7B7879
- 5F5D5D
- 444343
- 2B2A2B
- 151414
- 030303
Tonos
- E9E4E5
- DDD9D9
- D0CDCE
- C5C2C2
- B9B6B7
- ADABAC
- A2A0A0
- 969596
- 8B8B8B
Armonías de color
Complementario +180°
- F5F0F1
Plastic Clouds
- EEF3F2
≈ Beluga
Análogo -30° +30°
- F5F0F1
Plastic Clouds
- F4F0F3
≈ Aragonite White
- F5F0EF
≈ Plastic Clouds
Triádico +120° +240°
- F5F0F1
Plastic Clouds
- F1F2EE
≈ Delicate White
- EEF2F5
≈ Maui Mist
Complementario dividido +150° +210°
- F5F0F1
Plastic Clouds
- EFF3F0
≈ Tell Me a Secret
- EEF3F4
≈ Maui Mist
Tetrádico +90° +180° +270°
- F5F0F1
Plastic Clouds
- F3F1ED
≈ Leukocyte White
- EEF3F2
≈ Beluga
- F0F1F5
≈ Errigal White
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 18.61:1 · APCA Lc 99
Mejor color de texto: #000000
WCAG 18.61:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmentos de código
CSS
:root {
--plastic-clouds: #f5f0f1;
--plastic-clouds-rgb: 245 240 241;
--plastic-clouds-oklch: oklch(0.959 0.006 3.3);
}
.element {
color: var(--plastic-clouds);
background-color: hsl(348 20% 95%);
border-color: oklch(0.959 0.006 3.3);
}Tailwind CSS v4
@theme {
--color-plastic-clouds: #f5f0f1;
--color-plastic-clouds-50: #f7f4f5;
--color-plastic-clouds-100: #e9e7e7;
--color-plastic-clouds-200: #d6d3d4;
--color-plastic-clouds-300: #bab6b7;
--color-plastic-clouds-400: #a19d9e;
--color-plastic-clouds-500: #8a8586;
--color-plastic-clouds-600: #747071;
--color-plastic-clouds-700: #5d5a5a;
--color-plastic-clouds-800: #444242;
--color-plastic-clouds-900: #2f2d2e;
--color-plastic-clouds-950: #1c1a1a;
}SCSS
$plastic-clouds: #f5f0f1;
$plastic-clouds-rgb: 245, 240, 241;
$plastic-clouds-light: mix(#fff, $plastic-clouds, 20%);
$plastic-clouds-dark: mix(#000, $plastic-clouds, 20%);
.element {
color: $plastic-clouds;
box-shadow: 0 0 0 2px rgba($plastic-clouds, 0.35);
}