Adlandırılmış renk · #E3EEBF
Spirit Whisper
Spirit Whisper, #E3EEBF: rgb(227 238 191), hsl(74 58% 84%), oklch(0.929 0.063 118.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Spirit Whisper color name →
#E3EEBF
oklch(0.929 0.063 118.3)
Renk dönüşümleri
- HEX
- #e3eebf
- RGB
- rgb(227 238 191)
- HSL
- hsl(74 58% 84%)
- HWB
- hwb(74 75% 7%)
- OKLCH
- oklch(0.929 0.063 118.3)
- OKLab
- oklab(0.929 -0.03 0.055)
- CIE Lab
- lab(92.37 -9.6 21.56)
- LCH
- lch(92.37 23.6 114)
- CMYK
- cmyk(5% 0% 20% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6F0C6
- E8F1CC
- EBF3D2
- EEF5D9
- F1F7DF
- F4F8E6
- F6FAEC
- F9FCF2
- FCFDF9
Koyu tonlar
- C5CFA6
- A8B18D
- 8C9375
- 71775E
- 575C48
- 3F4233
- 272A1F
- 12140D
- 030302
Gri tonlar
- D9E3B9
- CED7B2
- C4CCAC
- BAC1A6
- B0B69F
- A6AB99
- 9DA093
- 93958D
- 898A86
Renk uyumları
Tamamlayıcı +180°
- E3EEBF
Spirit Whisper
- EAE2FF
≈ Lavender Savour
Analog -30° +30°
- E3EEBF
Spirit Whisper
- F9E6B8
≈ Tamale Maize
- CCF4D1
≈ Mint Gloss
Üçlü +120° +240°
- E3EEBF
Spirit Whisper
- D1ECFF
≈ Veiling Waterfalls
- FFDDE7
≈ Fresh Piglet
Bölünmüş tamamlayıcı +150° +210°
- E3EEBF
Spirit Whisper
- DEE7FF
≈ Lavender Mist
- FFDAFC
≈ Sugarpills
Dörtlü +90° +180° +270°
- E3EEBF
Spirit Whisper
- B7F4FE
≈ Northrend
- EAE2FF
≈ Lavender Savour
- FFDFDA
≈ Peachy Keen
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.21:1 · APCA Lc 11
Ag
AAASiyah üzerinde
WCAG 17.24:1 · APCA Lc 93
En iyi metin rengi: #000000
WCAG 17.24:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--spirit-whisper: #e3eebf;
--spirit-whisper-rgb: 227 238 191;
--spirit-whisper-oklch: oklch(0.929 0.063 118.3);
}
.element {
color: var(--spirit-whisper);
background-color: hsl(74 58% 84%);
border-color: oklch(0.929 0.063 118.3);
}Tailwind CSS v4
@theme {
--color-spirit-whisper: #e3eebf;
--color-spirit-whisper-50: #f2f8e4;
--color-spirit-whisper-100: #e5ebd4;
--color-spirit-whisper-200: #d0d9bb;
--color-spirit-whisper-300: #b3bd99;
--color-spirit-whisper-400: #9aa47a;
--color-spirit-whisper-500: #828c5c;
--color-spirit-whisper-600: #6e774e;
--color-spirit-whisper-700: #585f3e;
--color-spirit-whisper-800: #41452c;
--color-spirit-whisper-900: #2d301e;
--color-spirit-whisper-950: #1a1c0e;
}SCSS
$spirit-whisper: #e3eebf;
$spirit-whisper-rgb: 227, 238, 191;
$spirit-whisper-light: mix(#fff, $spirit-whisper, 20%);
$spirit-whisper-dark: mix(#000, $spirit-whisper, 20%);
.element {
color: $spirit-whisper;
box-shadow: 0 0 0 2px rgba($spirit-whisper, 0.35);
}