En yakın adlandırılmış renk · #D87444
#D87444
En yakın adlandırılmış renk: Jaffa
#D87444 (rgb(216 116 68), hsl(19 65% 56%), oklch(0.664 0.14 45)) en çok Jaffa 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.
#D87444
oklch(0.664 0.14 45)
Renk dönüşümleri
- HEX
- #d87444
- RGB
- rgb(216 116 68)
- HSL
- hsl(19 65% 56%)
- HWB
- hwb(19 27% 15%)
- OKLCH
- oklch(0.664 0.14 45)
- OKLab
- oklab(0.664 0.099 0.099)
- CIE Lab
- lab(60.02 37.27 44.13)
- LCH
- lch(60.02 57.76 49.8)
- CMYK
- cmyk(0% 46% 69% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DD8258
- E2916B
- E79F7E
- ECAC90
- F0BAA3
- F3C8B5
- F7D6C7
- FAE3DA
- FDF1EC
Koyu tonlar
- BC643A
- A05430
- 854526
- 6B371D
- 532914
- 3B1B0C
- 250F05
- 110502
- 020100
Gri tonlar
- D0764C
- C77853
- BF7A5A
- B77B60
- AE7C66
- A57D6C
- 9C7E71
- 937F76
- 8A807B
Renk uyumları
Tamamlayıcı +180°
- D87444
Jaffa
- 00A2CD
≈ Charybdis
Analog -30° +30°
- D87444
Jaffa
- DB6B77
≈ Feverish
- C48500
≈ Bubonic Brown
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.23:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.50:1 · APCA Lc 43
En iyi metin rengi: #000000
WCAG 6.50:1 (AA) · APCA Lc 43
Contrast pairs
Kod parçacıkları
CSS
:root {
--jaffa: #d87444;
--jaffa-rgb: 216 116 68;
--jaffa-oklch: oklch(0.664 0.14 45);
}
.element {
color: var(--jaffa);
background-color: hsl(19 65% 56%);
border-color: oklch(0.664 0.14 45);
}Tailwind CSS v4
@theme {
--color-jaffa: #d87444;
--color-jaffa-50: #ffead4;
--color-jaffa-100: #ffdac1;
--color-jaffa-200: #ffc2a1;
--color-jaffa-300: #f2a178;
--color-jaffa-400: #e18154;
--color-jaffa-500: #cf6229;
--color-jaffa-600: #af5425;
--color-jaffa-700: #8c431d;
--color-jaffa-800: #692f15;
--color-jaffa-900: #4a200e;
--color-jaffa-950: #300f02;
}SCSS
$jaffa: #d87444;
$jaffa-rgb: 216, 116, 68;
$jaffa-light: mix(#fff, $jaffa, 20%);
$jaffa-dark: mix(#000, $jaffa, 20%);
.element {
color: $jaffa;
box-shadow: 0 0 0 2px rgba($jaffa, 0.35);
}