Adlandırılmış renk · #F6E5B9
Gentle Glow
Gentle Glow, #F6E5B9: rgb(246 229 185), hsl(43 77% 85%), oklch(0.925 0.06 89.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Gentle Glow color name →
#F6E5B9
oklch(0.925 0.06 89.4)
Renk dönüşümleri
- HEX
- #f6e5b9
- RGB
- rgb(246 229 185)
- HSL
- hsl(43 77% 85%)
- HWB
- hwb(43 73% 4%)
- OKLCH
- oklch(0.925 0.06 89.4)
- OKLab
- oklab(0.925 0.001 0.06)
- CIE Lab
- lab(91.51 1.07 23.76)
- LCH
- lch(91.51 23.78 87.4)
- CMYK
- cmyk(0% 7% 25% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F7E8C0
- F8EAC7
- F9EDCE
- FAF0D5
- FBF2DC
- FBF5E3
- FCF7EA
- FDFAF1
- FEFCF8
Koyu tonlar
- D6C7A0
- B7AA89
- 988E71
- 7B725B
- 5F5846
- 453F31
- 2C281E
- 15120D
- 030302
Gri tonlar
- EADAB3
- DDD0AE
- D1C6A8
- C5BBA2
- B9B19D
- AEA797
- A29D91
- 96938C
- 8B8A86
Renk uyumları
Tamamlayıcı +180°
- F6E5B9
Gentle Glow
- DCE6FF
≈ Lavender Mist
Analog -30° +30°
- F6E5B9
Gentle Glow
- FFDFC7
≈ Peak Season
- E1EDC0
≈ Spring Shoot
Üçlü +120° +240°
- F6E5B9
Gentle Glow
- B8F2FC
≈ Northrend
- FED8FA
≈ Strawberry Frost
Bölünmüş tamamlayıcı +150° +210°
- F6E5B9
Gentle Glow
- CEEBFF
≈ Veiling Waterfalls
- EAE0FF
≈ Lavender Savour
Dörtlü +90° +180° +270°
- F6E5B9
Gentle Glow
- BBF4E7
≈ Shallow End
- DCE6FF
≈ Lavender Mist
- FFDBE5
≈ Pink Perfume
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.24:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.82:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.82:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--gentle-glow: #f6e5b9;
--gentle-glow-rgb: 246 229 185;
--gentle-glow-oklch: oklch(0.925 0.06 89.4);
}
.element {
color: var(--gentle-glow);
background-color: hsl(43 77% 85%);
border-color: oklch(0.925 0.06 89.4);
}Tailwind CSS v4
@theme {
--color-gentle-glow: #f6e5b9;
--color-gentle-glow-50: #fbf5e2;
--color-gentle-glow-100: #efe8d2;
--color-gentle-glow-200: #ddd4b8;
--color-gentle-glow-300: #c3b795;
--color-gentle-glow-400: #ac9d76;
--color-gentle-glow-500: #968557;
--color-gentle-glow-600: #7f704a;
--color-gentle-glow-700: #665a3b;
--color-gentle-glow-800: #4b412a;
--color-gentle-glow-900: #342d1c;
--color-gentle-glow-950: #201a0c;
}SCSS
$gentle-glow: #f6e5b9;
$gentle-glow-rgb: 246, 229, 185;
$gentle-glow-light: mix(#fff, $gentle-glow, 20%);
$gentle-glow-dark: mix(#000, $gentle-glow, 20%);
.element {
color: $gentle-glow;
box-shadow: 0 0 0 2px rgba($gentle-glow, 0.35);
}