Adlandırılmış renk · #EBE5D7
Sugar Quill
Sugar Quill, #EBE5D7: rgb(235 229 215), hsl(42 33% 88%), oklch(0.923 0.02 87.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Sugar Quill color name →
#EBE5D7
oklch(0.923 0.02 87.5)
Renk dönüşümleri
- HEX
- #ebe5d7
- RGB
- rgb(235 229 215)
- HSL
- hsl(42 33% 88%)
- HWB
- hwb(42 84% 8%)
- OKLCH
- oklch(0.923 0.02 87.5)
- OKLab
- oklab(0.923 0.001 0.02)
- CIE Lab
- lab(91.13 0.34 7.61)
- LCH
- lch(91.13 7.62 87.5)
- CMYK
- cmyk(0% 3% 9% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDE8DB
- EFEADF
- F1EDE3
- F3EFE7
- F5F2EB
- F7F5EF
- F9F7F3
- FBFAF7
- FDFCFB
Koyu tonlar
- CCC7BB
- AEAA9F
- 918E85
- 75726B
- 5B5852
- 413F3B
- 292825
- 131211
- 030302
Gri tonlar
- E0DACE
- D5D0C5
- CAC6BC
- BFBBB3
- B4B1AB
- A9A7A2
- 9F9D99
- 949391
- 8A8A88
Renk uyumları
Tamamlayıcı +180°
- EBE5D7
Sugar Quill
- E0E5F3
≈ Crystal Falls
Analog -30° +30°
- EBE5D7
Sugar Quill
- F0E3D9
≈ Almost Pink
- E4E7D9
≈ Spinach White
Üçlü +120° +240°
- EBE5D7
Sugar Quill
- D7EAEC
≈ Water Squirt
- EDE1EC
≈ Heaven Sent
Bölünmüş tamamlayıcı +150° +210°
- EBE5D7
Sugar Quill
- DAE8F1
≈ Icicle Veil
- E7E3F1
≈ Farsighted
Dörtlü +90° +180° +270°
- EBE5D7
Sugar Quill
- D8EAE5
≈ Tropical Dream
- E0E5F3
≈ Crystal Falls
- F1E0E5
≈ Candy Mix
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.72:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.72:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--sugar-quill: #ebe5d7;
--sugar-quill-rgb: 235 229 215;
--sugar-quill-oklch: oklch(0.923 0.02 87.5);
}
.element {
color: var(--sugar-quill);
background-color: hsl(42 33% 88%);
border-color: oklch(0.923 0.02 87.5);
}Tailwind CSS v4
@theme {
--color-sugar-quill: #ebe5d7;
--color-sugar-quill-50: #f7f5ef;
--color-sugar-quill-100: #eae8e1;
--color-sugar-quill-200: #d7d4cb;
--color-sugar-quill-300: #bbb7ac;
--color-sugar-quill-400: #a39e92;
--color-sugar-quill-500: #8c8678;
--color-sugar-quill-600: #767165;
--color-sugar-quill-700: #5f5a51;
--color-sugar-quill-800: #45423b;
--color-sugar-quill-900: #302e28;
--color-sugar-quill-950: #1c1a16;
}SCSS
$sugar-quill: #ebe5d7;
$sugar-quill-rgb: 235, 229, 215;
$sugar-quill-light: mix(#fff, $sugar-quill, 20%);
$sugar-quill-dark: mix(#000, $sugar-quill, 20%);
.element {
color: $sugar-quill;
box-shadow: 0 0 0 2px rgba($sugar-quill, 0.35);
}