Adlandırılmış renk · #E7CEB6
Venetian Mask
Venetian Mask, #E7CEB6: rgb(231 206 182), hsl(29 51% 81%), oklch(0.866 0.043 66.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Venetian Mask color name →
#E7CEB6
oklch(0.866 0.043 66.1)
Renk dönüşümleri
- HEX
- #e7ceb6
- RGB
- rgb(231 206 182)
- HSL
- hsl(29 51% 81%)
- HWB
- hwb(29 71% 9%)
- OKLCH
- oklch(0.866 0.043 66.1)
- OKLab
- oklab(0.866 0.017 0.039)
- CIE Lab
- lab(84.41 6.29 15.35)
- LCH
- lch(84.41 16.59 67.7)
- CMYK
- cmyk(0% 11% 21% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E9D3BD
- ECD8C4
- EEDDCC
- F1E1D3
- F3E6DA
- F6EBE2
- F8F0E9
- FAF5F0
- FDFAF8
Koyu tonlar
- C9B39E
- AB9886
- 8F7F6F
- 736659
- 594E44
- 403830
- 28231D
- 130F0C
- 030202
Gri tonlar
- DCC6B1
- D2BEAB
- C7B6A6
- BDAEA0
- B2A69B
- A89E95
- 9E9790
- 948F8B
- 8A8885
Renk uyumları
Tamamlayıcı +180°
- E7CEB6
Venetian Mask
- BDD6EE
≈ Delicate Blue Mist
Analog -30° +30°
- E7CEB6
Venetian Mask
- EDCAC0
≈ Harmony
- DBD3B4
≈ Suna White
Üçlü +120° +240°
- E7CEB6
Venetian Mask
- B4DDD7
≈ Catch the Wave
- DACCEA
≈ Plum’s the Word
Bölünmüş tamamlayıcı +150° +210°
- E7CEB6
Venetian Mask
- B4DBE5
≈ Blue Shimmer
- CBD1F0
≈ Frozen Periwinkle
Dörtlü +90° +180° +270°
- E7CEB6
Venetian Mask
- BDDCC7
≈ Green Grapes
- BDD6EE
≈ Delicate Blue Mist
- E6C9DE
≈ Wisteria Whisper
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.51:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.90:1 · APCA Lc 79
En iyi metin rengi: #000000
WCAG 13.90:1 (AAA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--venetian-mask: #e7ceb6;
--venetian-mask-rgb: 231 206 182;
--venetian-mask-oklch: oklch(0.866 0.043 66.1);
}
.element {
color: var(--venetian-mask);
background-color: hsl(29 51% 81%);
border-color: oklch(0.866 0.043 66.1);
}Tailwind CSS v4
@theme {
--color-venetian-mask: #e7ceb6;
--color-venetian-mask-50: #fef3e8;
--color-venetian-mask-100: #f2e6d9;
--color-venetian-mask-200: #e1d1c1;
--color-venetian-mask-300: #c7b4a1;
--color-venetian-mask-400: #b09a84;
--color-venetian-mask-500: #9a8168;
--color-venetian-mask-600: #826d59;
--color-venetian-mask-700: #685747;
--color-venetian-mask-800: #4d3f33;
--color-venetian-mask-900: #362c23;
--color-venetian-mask-950: #211912;
}SCSS
$venetian-mask: #e7ceb6;
$venetian-mask-rgb: 231, 206, 182;
$venetian-mask-light: mix(#fff, $venetian-mask, 20%);
$venetian-mask-dark: mix(#000, $venetian-mask, 20%);
.element {
color: $venetian-mask;
box-shadow: 0 0 0 2px rgba($venetian-mask, 0.35);
}