Adlandırılmış renk · #E3C7B2
Novelle Peach
Novelle Peach, #E3C7B2: rgb(227 199 178), hsl(26 47% 79%), oklch(0.848 0.043 59). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Novelle Peach color name →
#E3C7B2
oklch(0.848 0.043 59)
Renk dönüşümleri
- HEX
- #e3c7b2
- RGB
- rgb(227 199 178)
- HSL
- hsl(26 47% 79%)
- HWB
- hwb(26 70% 11%)
- OKLCH
- oklch(0.848 0.043 59)
- OKLab
- oklab(0.848 0.022 0.037)
- CIE Lab
- lab(82.23 7.81 14.37)
- LCH
- lch(82.23 16.36 61.5)
- CMYK
- cmyk(0% 12% 22% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6CDBA
- E9D2C1
- ECD8C9
- EEDDD0
- F1E3D8
- F4E8E0
- F7EEE8
- FAF4EF
- FCF9F7
Koyu tonlar
- C5AD9A
- A89383
- 8C7A6D
- 716257
- 574C43
- 3F362F
- 27211D
- 120E0C
- 030201
Gri tonlar
- D9C0AD
- CFB8A8
- C4B1A3
- BAAA9E
- B0A399
- A79C94
- 9D958F
- 938E8A
- 8A8785
Renk uyumları
Tamamlayıcı +180°
- E3C7B2
Novelle Peach
- B4D2E6
≈ Chapel Blue
Analog -30° +30°
- E3C7B2
Novelle Peach
- E8C3BD
≈ Congo
- D8CCAE
≈ Soft Suede
Üçlü +120° +240°
- E3C7B2
Novelle Peach
- B0D7CD
≈ Gemini
- D0C7E6
≈ Italian Fitch
Bölünmüş tamamlayıcı +150° +210°
- E3C7B2
Novelle Peach
- AED5DC
≈ Light Bathing
- C1CDEA
≈ Periwinkle Grey
Dörtlü +90° +180° +270°
- E3C7B2
Novelle Peach
- BBD5BE
≈ Surf
- B4D2E6
≈ Chapel Blue
- DDC4DB
≈ Simply Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.60:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.07:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--novelle-peach: #e3c7b2;
--novelle-peach-rgb: 227 199 178;
--novelle-peach-oklch: oklch(0.848 0.043 59);
}
.element {
color: var(--novelle-peach);
background-color: hsl(26 47% 79%);
border-color: oklch(0.848 0.043 59);
}Tailwind CSS v4
@theme {
--color-novelle-peach: #e3c7b2;
--color-novelle-peach-50: #fff3e9;
--color-novelle-peach-100: #f3e5da;
--color-novelle-peach-200: #e2d1c2;
--color-novelle-peach-300: #c8b3a2;
--color-novelle-peach-400: #b29986;
--color-novelle-peach-500: #9c806a;
--color-novelle-peach-600: #846c5a;
--color-novelle-peach-700: #6a5648;
--color-novelle-peach-800: #4e3f34;
--color-novelle-peach-900: #362b23;
--color-novelle-peach-950: #211912;
}SCSS
$novelle-peach: #e3c7b2;
$novelle-peach-rgb: 227, 199, 178;
$novelle-peach-light: mix(#fff, $novelle-peach, 20%);
$novelle-peach-dark: mix(#000, $novelle-peach, 20%);
.element {
color: $novelle-peach;
box-shadow: 0 0 0 2px rgba($novelle-peach, 0.35);
}