Adlandırılmış renk · #E4B070
Mac N Cheese
Mac N Cheese, #E4B070: rgb(228 176 112), hsl(33 68% 67%), oklch(0.791 0.101 71.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Mac N Cheese color name →
#E4B070
oklch(0.791 0.101 71.3)
Renk dönüşümleri
- HEX
- #e4b070
- RGB
- rgb(228 176 112)
- HSL
- hsl(33 68% 67%)
- HWB
- hwb(33 44% 11%)
- OKLCH
- oklch(0.791 0.101 71.3)
- OKLab
- oklab(0.791 0.033 0.096)
- CIE Lab
- lab(75.68 14.06 40.25)
- LCH
- lch(75.68 42.64 70.7)
- CMYK
- cmyk(0% 23% 51% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E7B87F
- EAC08E
- EDC89C
- F0D0AB
- F2D8B9
- F5E0C7
- F8E7D5
- FAEFE3
- FDF7F1
Koyu tonlar
- C69960
- A98251
- 8D6C43
- 725635
- 584227
- 3F2E1A
- 281C0E
- 120B04
- 030101
Gri tonlar
- DAAB73
- D0A775
- C5A277
- BB9D79
- B1987B
- A7937C
- 9E8F7E
- 948A7F
- 8A857F
Renk uyumları
Tamamlayıcı +180°
- E4B070
Mac N Cheese
- 8AC0FA
≈ Scenic Water
Analog -30° +30°
- E4B070
Mac N Cheese
- F3A588
≈ Creamy Peach
- C9BD6E
≈ Moray
Üçlü +120° +240°
- E4B070
Mac N Cheese
- 61D0CB
≈ Hidden Sea Glass
- D0A8EB
≈ Tropical Violet
Bölünmüş tamamlayıcı +150° +210°
- E4B070
Mac N Cheese
- 68CAE9
≈ Hawaiian Breeze
- AFB3FB
≈ Winterspring Lilac
Dörtlü +90° +180° +270°
- E4B070
Mac N Cheese
- 7CCFA6
≈ Crystal Gem
- 8AC0FA
≈ Scenic Water
- E8A1CE
≈ Exotic Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.95:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.74:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--mac-n-cheese: #e4b070;
--mac-n-cheese-rgb: 228 176 112;
--mac-n-cheese-oklch: oklch(0.791 0.101 71.3);
}
.element {
color: var(--mac-n-cheese);
background-color: hsl(33 68% 67%);
border-color: oklch(0.791 0.101 71.3);
}Tailwind CSS v4
@theme {
--color-mac-n-cheese: #e4b070;
--color-mac-n-cheese-50: #fff1d6;
--color-mac-n-cheese-100: #fde3c3;
--color-mac-n-cheese-200: #efcea5;
--color-mac-n-cheese-300: #d7b07d;
--color-mac-n-cheese-400: #c49458;
--color-mac-n-cheese-500: #b07a2f;
--color-mac-n-cheese-600: #95672a;
--color-mac-n-cheese-700: #775221;
--color-mac-n-cheese-800: #593b17;
--color-mac-n-cheese-900: #3e290e;
--color-mac-n-cheese-950: #271603;
}SCSS
$mac-n-cheese: #e4b070;
$mac-n-cheese-rgb: 228, 176, 112;
$mac-n-cheese-light: mix(#fff, $mac-n-cheese, 20%);
$mac-n-cheese-dark: mix(#000, $mac-n-cheese, 20%);
.element {
color: $mac-n-cheese;
box-shadow: 0 0 0 2px rgba($mac-n-cheese, 0.35);
}