لون مسمّى · #E7EFCF
Quiet Rain
Quiet Rain هو #E7EFCF: rgb(231 239 207)، hsl(75 50% 87%)، oklch(0.938 0.043 118.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Quiet Rain color name →
#E7EFCF
oklch(0.938 0.043 118.6)
تحويلات الألوان
- HEX
- #e7efcf
- RGB
- rgb(231 239 207)
- HSL
- hsl(75 50% 87%)
- HWB
- hwb(75 81% 6%)
- OKLCH
- oklch(0.938 0.043 118.6)
- OKLab
- oklab(0.938 -0.021 0.038)
- CIE Lab
- lab(93.21 -6.81 14.59)
- LCH
- lch(93.21 16.1 115)
- CMYK
- cmyk(3% 0% 13% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E9F1D4
- ECF2D9
- EEF4DD
- F1F5E2
- F3F7E7
- F5F9EC
- F8FAF1
- FAFCF5
- FDFDFA
درجات داكنة
- C9D0B4
- ABB199
- 8F947F
- 737867
- 595C4F
- 404238
- 282A23
- 131410
- 030302
درجات رمادية
- DCE3C7
- D2D8BF
- C7CCB7
- BCC1AF
- B2B6A7
- A8AB9F
- 9EA097
- 94958F
- 8A8B88
تناسق الألوان
متمم +180°
- E7EFCF
Quiet Rain
- EDE6FF
≈ Cyber Lavender
متجاور -30° +30°
- E7EFCF
Quiet Rain
- F6EACA
≈ Gin Fizz
- D8F3DB
≈ Delicate Sapling
ثلاثي +120° +240°
- E7EFCF
Quiet Rain
- D7EEFF
≈ Ice Castle
- FFE1EA
≈ Baby Girl
متمم منقسم +150° +210°
- E7EFCF
Quiet Rain
- E2EAFF
≈ Glitter
- FBE1F9
≈ Fairy Salt
رباعي +90° +180° +270°
- E7EFCF
Quiet Rain
- CAF3FA
≈ Vaporised
- EDE6FF
≈ Cyber Lavender
- FFE3DF
≈ Misty Rose
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.19:1 · APCA Lc 9
Ag
AAAعلى الأسود
WCAG 17.64:1 · APCA Lc 95
أفضل لون للنص: #000000
WCAG 17.64:1 (AAA) · APCA Lc 95
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--quiet-rain: #e7efcf;
--quiet-rain-rgb: 231 239 207;
--quiet-rain-oklch: oklch(0.938 0.043 118.6);
}
.element {
color: var(--quiet-rain);
background-color: hsl(75 50% 87%);
border-color: oklch(0.938 0.043 118.6);
}Tailwind CSS v4
@theme {
--color-quiet-rain: #e7efcf;
--color-quiet-rain-50: #f3f7ea;
--color-quiet-rain-100: #e6eadb;
--color-quiet-rain-200: #d1d7c3;
--color-quiet-rain-300: #b4bba3;
--color-quiet-rain-400: #9ba286;
--color-quiet-rain-500: #838b6a;
--color-quiet-rain-600: #6f755a;
--color-quiet-rain-700: #595e48;
--color-quiet-rain-800: #414434;
--color-quiet-rain-900: #2d2f23;
--color-quiet-rain-950: #1a1c12;
}SCSS
$quiet-rain: #e7efcf;
$quiet-rain-rgb: 231, 239, 207;
$quiet-rain-light: mix(#fff, $quiet-rain, 20%);
$quiet-rain-dark: mix(#000, $quiet-rain, 20%);
.element {
color: $quiet-rain;
box-shadow: 0 0 0 2px rgba($quiet-rain, 0.35);
}