Cor nomeada · #F3F3D9
Shyness
Shyness é #F3F3D9: rgb(243 243 217), hsl(60 52% 90%), oklch(0.957 0.034 107). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Shyness color name →
#F3F3D9
oklch(0.957 0.034 107)
Conversões de cor
- HEX
- #f3f3d9
- RGB
- rgb(243 243 217)
- HSL
- hsl(60 52% 90%)
- HWB
- hwb(60 85% 5%)
- OKLCH
- oklch(0.957 0.034 107)
- OKLab
- oklab(0.957 -0.01 0.033)
- CIE Lab
- lab(95.33 -3.24 12.6)
- LCH
- lch(95.33 13.01 104.4)
- CMYK
- cmyk(0% 0% 11% 5%)
Tons claros · Sombras · Tons
Tons claros
- F4F4DD
- F5F5E1
- F7F7E4
- F8F8E8
- F9F9EC
- FAFAF0
- FBFBF4
- FDFDF7
- FEFEFB
Sombras
- D3D3BC
- B4B4A1
- 979786
- 7A7A6C
- 5E5E53
- 44443B
- 2B2B25
- 141411
- 030302
Tons
- E7E7D0
- DBDBC7
- CFCFBE
- C3C3B5
- B8B8AC
- ACACA3
- A1A19A
- 969691
- 8B8B89
Harmonias de cor
Complementar +180°
- F3F3D9
Shyness
- EFEFFF
≈ Foundation White
Análoga -30° +30°
- F3F3D9
Shyness
- FEEFD8
≈ Blank Canvas
- E7F7E0
≈ Lush Life
Tríade +120° +240°
- F3F3D9
Shyness
- DFF5FF
≈ Glacial Day
- FFEAF4
≈ Fairy Wings
Complementar dividida +150° +210°
- F3F3D9
Shyness
- E8F2FF
≈ Moon White
- FAEBFF
≈ Placebo Fuchsia
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.12:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.63:1 · APCA Lc 99
Melhor cor de texto: #000000
WCAG 18.63:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
CSS
:root {
--shyness: #f3f3d9;
--shyness-rgb: 243 243 217;
--shyness-oklch: oklch(0.957 0.034 107);
}
.element {
color: var(--shyness);
background-color: hsl(60 52% 90%);
border-color: oklch(0.957 0.034 107);
}Tailwind CSS v4
@theme {
--color-shyness: #f3f3d9;
--color-shyness-50: #f6f6eb;
--color-shyness-100: #e8e9dc;
--color-shyness-200: #d5d6c5;
--color-shyness-300: #b8b9a5;
--color-shyness-400: #a0a089;
--color-shyness-500: #88886e;
--color-shyness-600: #73735d;
--color-shyness-700: #5c5c4b;
--color-shyness-800: #444336;
--color-shyness-900: #2f2e25;
--color-shyness-950: #1b1b13;
}SCSS
$shyness: #f3f3d9;
$shyness-rgb: 243, 243, 217;
$shyness-light: mix(#fff, $shyness, 20%);
$shyness-dark: mix(#000, $shyness, 20%);
.element {
color: $shyness;
box-shadow: 0 0 0 2px rgba($shyness, 0.35);
}