En yakın adlandırılmış renk · #D5AA85
#D5AA85
En yakın adlandırılmış renk: Porcini
#D5AA85 (rgb(213 170 133), hsl(28 49% 68%), oklch(0.768 0.071 62.2)) en çok Porcini adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D5AA85
oklch(0.768 0.071 62.2)
Renk dönüşümleri
- HEX
- #d5aa85
- RGB
- rgb(213 170 133)
- HSL
- hsl(28 49% 68%)
- HWB
- hwb(28 52% 16%)
- OKLCH
- oklch(0.768 0.071 62.2)
- OKLab
- oklab(0.768 0.033 0.063)
- CIE Lab
- lab(72.92 12.58 25.41)
- LCH
- lch(72.92 28.36 63.7)
- CMYK
- cmyk(0% 20% 38% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D9B291
- DEBB9D
- E2C3A9
- E6CCB5
- EBD4C1
- EFDDCE
- F3E5DA
- F7EEE6
- FBF6F3
Koyu tonlar
- B99373
- 9E7D61
- 836850
- 6A5340
- 513F30
- 3A2D21
- 241B13
- 100B06
- 020101
Gri tonlar
- CCA685
- C4A285
- BB9D84
- B39984
- AA9583
- A29183
- 998D82
- 918882
- 888481
Renk uyumları
Tamamlayıcı +180°
- D5AA85
Porcini
- 8CBADE
≈ Goluboy Blue
Analog -30° +30°
- D5AA85
Porcini
- DDA397
≈ Conch Pink
- C4B37F
≈ Aviva
Üçlü +120° +240°
- D5AA85
Porcini
- 7FC3B7
≈ Holiday
- BCA9DA
≈ Perfume
Bölünmüş tamamlayıcı +150° +210°
- D5AA85
Porcini
- 7DC0CE
≈ Meltwater
- A4B1E2
≈ Myrtle Flower
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.11:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 9.91:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--porcini: #d5aa85;
--porcini-rgb: 213 170 133;
--porcini-oklch: oklch(0.768 0.071 62.2);
}
.element {
color: var(--porcini);
background-color: hsl(28 49% 68%);
border-color: oklch(0.768 0.071 62.2);
}Tailwind CSS v4
@theme {
--color-porcini: #d5aa85;
--color-porcini-50: #fff1e1;
--color-porcini-100: #f9e4d0;
--color-porcini-200: #ebcfb5;
--color-porcini-300: #d2b092;
--color-porcini-400: #bd9573;
--color-porcini-500: #a87c54;
--color-porcini-600: #8e6948;
--color-porcini-700: #725439;
--color-porcini-800: #553d29;
--color-porcini-900: #3b2a1b;
--color-porcini-950: #25170c;
}SCSS
$porcini: #d5aa85;
$porcini-rgb: 213, 170, 133;
$porcini-light: mix(#fff, $porcini, 20%);
$porcini-dark: mix(#000, $porcini, 20%);
.element {
color: $porcini;
box-shadow: 0 0 0 2px rgba($porcini, 0.35);
}