Adlandırılmış renk · #F6F0EB
Soft Breeze
Soft Breeze, #F6F0EB: rgb(246 240 235), hsl(27 38% 94%), oklch(0.958 0.009 62.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Soft Breeze color name →
#F6F0EB
oklch(0.958 0.009 62.6)
Renk dönüşümleri
- HEX
- #f6f0eb
- RGB
- rgb(246 240 235)
- HSL
- hsl(27 38% 94%)
- HWB
- hwb(27 92% 4%)
- OKLCH
- oklch(0.958 0.009 62.6)
- OKLab
- oklab(0.958 0.004 0.008)
- CIE Lab
- lab(95.16 1.44 3.17)
- LCH
- lch(95.16 3.49 65.6)
- CMYK
- cmyk(0% 2% 4% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F7F1ED
- F8F3EF
- F9F4F1
- FAF6F3
- FBF7F5
- FBF9F7
- FCFAF9
- FDFCFB
- FEFDFD
Koyu tonlar
- D6D1CC
- B7B2AE
- 989591
- 7B7875
- 5F5D5B
- 454341
- 2C2A29
- 151413
- 030303
Gri tonlar
- EAE4E0
- DDD9D5
- D1CDCA
- C5C2BF
- B9B6B4
- ADABA9
- A2A09F
- 969594
- 8B8B8A
Renk uyumları
Tamamlayıcı +180°
- F6F0EB
Soft Breeze
- ECF2F7
≈ Airport
Analog -30° +30°
- F6F0EB
Soft Breeze
- F7EFED
≈ Vienna Dawn
- F3F1EA
≈ Pearl Sugar
Üçlü +120° +240°
- F6F0EB
Soft Breeze
- EBF3F2
≈ Warp Drive
- F2F0F7
≈ Alpine Goat
Bölünmüş tamamlayıcı +150° +210°
- F6F0EB
Soft Breeze
- EBF3F5
≈ Milky Way
- EFF1F8
≈ Airport
Dörtlü +90° +180° +270°
- F6F0EB
Soft Breeze
- EDF3EE
≈ Mineral Spring
- ECF2F7
≈ Airport
- F5EFF4
≈ Sentimental Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.13:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.58:1 · APCA Lc 99
En iyi metin rengi: #000000
WCAG 18.58:1 (AAA) · APCA Lc 99
Contrast pairs
Kod parçacıkları
CSS
:root {
--soft-breeze: #f6f0eb;
--soft-breeze-rgb: 246 240 235;
--soft-breeze-oklch: oklch(0.958 0.009 62.6);
}
.element {
color: var(--soft-breeze);
background-color: hsl(27 38% 94%);
border-color: oklch(0.958 0.009 62.6);
}Tailwind CSS v4
@theme {
--color-soft-breeze: #f6f0eb;
--color-soft-breeze-50: #f7f5f2;
--color-soft-breeze-100: #eae7e5;
--color-soft-breeze-200: #d7d3d0;
--color-soft-breeze-300: #bbb6b2;
--color-soft-breeze-400: #a39d99;
--color-soft-breeze-500: #8b8580;
--color-soft-breeze-600: #75706c;
--color-soft-breeze-700: #5e5a57;
--color-soft-breeze-800: #45423f;
--color-soft-breeze-900: #302d2b;
--color-soft-breeze-950: #1c1a19;
}SCSS
$soft-breeze: #f6f0eb;
$soft-breeze-rgb: 246, 240, 235;
$soft-breeze-light: mix(#fff, $soft-breeze, 20%);
$soft-breeze-dark: mix(#000, $soft-breeze, 20%);
.element {
color: $soft-breeze;
box-shadow: 0 0 0 2px rgba($soft-breeze, 0.35);
}