Adlandırılmış renk · #E2D5C2
Onion White
Onion White, #E2D5C2: rgb(226 213 194), hsl(36 36% 82%), oklch(0.878 0.029 77.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? → · Onion White color name →
#E2D5C2
oklch(0.878 0.029 77.5)
Renk dönüşümleri
- HEX
- #e2d5c2
- RGB
- rgb(226 213 194)
- HSL
- hsl(36 36% 82%)
- HWB
- hwb(36 76% 11%)
- OKLCH
- oklch(0.878 0.029 77.5)
- OKLab
- oklab(0.878 0.006 0.029)
- CIE Lab
- lab(85.95 2.32 11.12)
- LCH
- lch(85.95 11.36 78.2)
- CMYK
- cmyk(0% 6% 14% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5D9C8
- E8DDCE
- EBE1D4
- EEE6DA
- F0EAE0
- F3EEE6
- F6F2ED
- F9F7F3
- FCFBF9
Koyu tonlar
- C4B9A8
- A89E8F
- 8C8377
- 716A60
- 575149
- 3E3A34
- 272420
- 12100E
- 030202
Gri tonlar
- D8CCBB
- CEC3B4
- C4BBAE
- BAB2A7
- B0AAA0
- A6A19A
- 9C9993
- 93908D
- 898886
Renk uyumları
Tamamlayıcı +180°
- E2D5C2
Onion White
- CBD8EB
≈ Lilac Cotton Candy
Analog -30° +30°
- E2D5C2
Onion White
- E8D2C7
≈ Bizarre
- D8D9C3
≈ Feng Shui
Üçlü +120° +240°
- E2D5C2
Onion White
- C2DDDE
≈ Cold Air Turquoise
- DFD1E4
≈ Alpine Moon
Bölünmüş tamamlayıcı +150° +210°
- E2D5C2
Onion White
- C4DBE6
≈ Pacific Breeze
- D5D4EA
≈ Dulcinea
Dörtlü +90° +180° +270°
- E2D5C2
Onion White
- C5DED3
≈ Kappa Green
- CBD8EB
≈ Lilac Cotton Candy
- E7D0DA
≈ Nefarious Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.44:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.53:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.53:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--onion-white: #e2d5c2;
--onion-white-rgb: 226 213 194;
--onion-white-oklch: oklch(0.878 0.029 77.5);
}
.element {
color: var(--onion-white);
background-color: hsl(36 36% 82%);
border-color: oklch(0.878 0.029 77.5);
}Tailwind CSS v4
@theme {
--color-onion-white: #e2d5c2;
--color-onion-white-50: #faf4ec;
--color-onion-white-100: #ede7dd;
--color-onion-white-200: #dbd3c7;
--color-onion-white-300: #bfb6a7;
--color-onion-white-400: #a89d8c;
--color-onion-white-500: #918471;
--color-onion-white-600: #7b7060;
--color-onion-white-700: #62594c;
--color-onion-white-800: #484137;
--color-onion-white-900: #322d26;
--color-onion-white-950: #1e1a14;
}SCSS
$onion-white: #e2d5c2;
$onion-white-rgb: 226, 213, 194;
$onion-white-light: mix(#fff, $onion-white, 20%);
$onion-white-dark: mix(#000, $onion-white, 20%);
.element {
color: $onion-white;
box-shadow: 0 0 0 2px rgba($onion-white, 0.35);
}