Nazwany kolor · #E7EFCF
Quiet Rain
Quiet Rain to #E7EFCF: rgb(231 239 207), hsl(75 50% 87%), oklch(0.938 0.043 118.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Quiet Rain color name →
#E7EFCF
oklch(0.938 0.043 118.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9F1D4
- ECF2D9
- EEF4DD
- F1F5E2
- F3F7E7
- F5F9EC
- F8FAF1
- FAFCF5
- FDFDFA
Odcienie ciemniejsze
- C9D0B4
- ABB199
- 8F947F
- 737867
- 595C4F
- 404238
- 282A23
- 131410
- 030302
Tony
- DCE3C7
- D2D8BF
- C7CCB7
- BCC1AF
- B2B6A7
- A8AB9F
- 9EA097
- 94958F
- 8A8B88
Harmonie kolorów
Komplementarna +180°
- E7EFCF
Quiet Rain
- EDE6FF
≈ Cyber Lavender
Analogowa -30° +30°
- E7EFCF
Quiet Rain
- F6EACA
≈ Gin Fizz
- D8F3DB
≈ Delicate Sapling
Triada +120° +240°
- E7EFCF
Quiet Rain
- D7EEFF
≈ Ice Castle
- FFE1EA
≈ Baby Girl
Komplementarna rozszczepiona +150° +210°
- E7EFCF
Quiet Rain
- E2EAFF
≈ Glitter
- FBE1F9
≈ Fairy Salt
Tetrada +90° +180° +270°
- E7EFCF
Quiet Rain
- CAF3FA
≈ Vaporised
- EDE6FF
≈ Cyber Lavender
- FFE3DF
≈ Misty Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.19:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.64:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.64:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
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);
}