Nazwany kolor · #F3F3D9
Shyness
Shyness to #F3F3D9: rgb(243 243 217), hsl(60 52% 90%), oklch(0.957 0.034 107). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Shyness color name →
#F3F3D9
oklch(0.957 0.034 107)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4F4DD
- F5F5E1
- F7F7E4
- F8F8E8
- F9F9EC
- FAFAF0
- FBFBF4
- FDFDF7
- FEFEFB
Odcienie ciemniejsze
- D3D3BC
- B4B4A1
- 979786
- 7A7A6C
- 5E5E53
- 44443B
- 2B2B25
- 141411
- 030302
Tony
- E7E7D0
- DBDBC7
- CFCFBE
- C3C3B5
- B8B8AC
- ACACA3
- A1A19A
- 969691
- 8B8B89
Harmonie kolorów
Komplementarna +180°
- F3F3D9
Shyness
- EFEFFF
≈ Foundation White
Analogowa -30° +30°
- F3F3D9
Shyness
- FEEFD8
≈ Blank Canvas
- E7F7E0
≈ Lush Life
Triada +120° +240°
- F3F3D9
Shyness
- DFF5FF
≈ Glacial Day
- FFEAF4
≈ Fairy Wings
Komplementarna rozszczepiona +150° +210°
- F3F3D9
Shyness
- E8F2FF
≈ Moon White
- FAEBFF
≈ Placebo Fuchsia
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.12:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.63:1 · APCA Lc 99
Najlepszy kolor tekstu: #000000
WCAG 18.63:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
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);
}