Adlandırılmış renk · #E09F78
Pecan Veneer
Pecan Veneer, #E09F78: rgb(224 159 120), hsl(23 63% 67%), oklch(0.756 0.094 51.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Pecan Veneer color name →
#E09F78
oklch(0.756 0.094 51.8)
Renk dönüşümleri
- HEX
- #e09f78
- RGB
- rgb(224 159 120)
- HSL
- hsl(23 63% 67%)
- HWB
- hwb(23 47% 12%)
- OKLCH
- oklch(0.756 0.094 51.8)
- OKLab
- oklab(0.756 0.058 0.074)
- CIE Lab
- lab(71.27 21.6 30.48)
- LCH
- lch(71.27 37.35 54.7)
- CMYK
- cmyk(0% 29% 46% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E4A986
- E7B293
- EBBCA0
- EEC5AE
- F1CFBB
- F4D9C9
- F7E2D6
- FAECE4
- FDF5F1
Koyu tonlar
- C38A67
- A67557
- 8A6148
- 704D39
- 563B2A
- 3E291D
- 271810
- 120905
- 020101
Gri tonlar
- D69C79
- CD997B
- C3967C
- BA937D
- B0907E
- A68D7E
- 9D8A7F
- 93877F
- 8A8380
Renk uyumları
Tamamlayıcı +180°
- E09F78
Pecan Veneer
- 6EBBE1
≈ Tranquil Bay
Analog -30° +30°
- E09F78
Pecan Veneer
- E69895
≈ She Loves Pink
- CEAA68
≈ Ginger Crunch
Üçlü +120° +240°
- E09F78
Pecan Veneer
- 6CC4A9
≈ Gem Silica
- B1A5E7
≈ Maximum Blue Purple
Bölünmüş tamamlayıcı +150° +210°
- E09F78
Pecan Veneer
- 5DC2C9
≈ Baharroth Blue
- 8FB0EC
≈ Fly Away
Dörtlü +90° +180° +270°
- E09F78
Pecan Veneer
- 8EBF88
≈ Green Masquerade
- 6EBBE1
≈ Tranquil Bay
- CC9CD4
≈ Ineffable Magenta
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.23:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.39:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.39:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--pecan-veneer: #e09f78;
--pecan-veneer-rgb: 224 159 120;
--pecan-veneer-oklch: oklch(0.756 0.094 51.8);
}
.element {
color: var(--pecan-veneer);
background-color: hsl(23 63% 67%);
border-color: oklch(0.756 0.094 51.8);
}Tailwind CSS v4
@theme {
--color-pecan-veneer: #e09f78;
--color-pecan-veneer-50: #ffefdd;
--color-pecan-veneer-100: #ffe0cb;
--color-pecan-veneer-200: #f5caaf;
--color-pecan-veneer-300: #deab8a;
--color-pecan-veneer-400: #cb8f6a;
--color-pecan-veneer-500: #b77349;
--color-pecan-veneer-600: #9b623e;
--color-pecan-veneer-700: #7c4e32;
--color-pecan-veneer-800: #5c3824;
--color-pecan-veneer-900: #412618;
--color-pecan-veneer-950: #291509;
}SCSS
$pecan-veneer: #e09f78;
$pecan-veneer-rgb: 224, 159, 120;
$pecan-veneer-light: mix(#fff, $pecan-veneer, 20%);
$pecan-veneer-dark: mix(#000, $pecan-veneer, 20%);
.element {
color: $pecan-veneer;
box-shadow: 0 0 0 2px rgba($pecan-veneer, 0.35);
}