Adlandırılmış renk · #D3691F
Fresh Gingerbread
Fresh Gingerbread, #D3691F: rgb(211 105 31), hsl(25 74% 47%), oklch(0.636 0.156 49.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Fresh Gingerbread color name →
#D3691F
oklch(0.636 0.156 49.9)
Renk dönüşümleri
- HEX
- #d3691f
- RGB
- rgb(211 105 31)
- HSL
- hsl(25 74% 47%)
- HWB
- hwb(25 12% 17%)
- OKLCH
- oklch(0.636 0.156 49.9)
- OKLab
- oklab(0.636 0.1 0.119)
- CIE Lab
- lab(56.79 39.65 57.39)
- LCH
- lch(56.79 69.76 55.4)
- CMYK
- cmyk(0% 50% 85% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D9793E
- DF8856
- E4976C
- E9A682
- EEB597
- F2C4AB
- F6D3C0
- F9E2D5
- FCF0EA
Koyu tonlar
- B75A19
- 9C4C14
- 823E0F
- 69310A
- 512406
- 3A1803
- 240C01
- 100400
- 020000
Gri tonlar
- CB6D30
- C4703D
- BC7348
- B47552
- AC785B
- A47A63
- 9B7C6B
- 927D72
- 897F79
Renk uyumları
Tamamlayıcı +180°
- D3691F
Fresh Gingerbread
- 0098C8
≈ UV Light
Analog -30° +30°
- D3691F
Fresh Gingerbread
- D95D63
≈ Berrylicious
- B48000
≈ Murder Mustard
Üçlü +120° +240°
- D3691F
Fresh Gingerbread
- 00A37F
≈ Sport Green
- 8B77E2
≈ Matt Purple
Bölünmüş tamamlayıcı +150° +210°
- D3691F
Fresh Gingerbread
- 009EA4
≈ Turkish Boy
- 4F89E8
≈ Blue Elemental
Dörtlü +90° +180° +270°
- D3691F
Fresh Gingerbread
- 52A13E
≈ Oregano Green
- 0098C8
≈ UV Light
- B368C5
≈ Lavendless
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.61:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.81:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.81:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--fresh-gingerbread: #d3691f;
--fresh-gingerbread-rgb: 211 105 31;
--fresh-gingerbread-oklch: oklch(0.636 0.156 49.9);
}
.element {
color: var(--fresh-gingerbread);
background-color: hsl(25 74% 47%);
border-color: oklch(0.636 0.156 49.9);
}Tailwind CSS v4
@theme {
--color-fresh-gingerbread: #d3691f;
--color-fresh-gingerbread-50: #ffeacd;
--color-fresh-gingerbread-100: #ffdab9;
--color-fresh-gingerbread-200: #ffc296;
--color-fresh-gingerbread-300: #f6a06a;
--color-fresh-gingerbread-400: #e67f40;
--color-fresh-gingerbread-500: #d45f00;
--color-fresh-gingerbread-600: #b35100;
--color-fresh-gingerbread-700: #904100;
--color-fresh-gingerbread-800: #6c2d03;
--color-fresh-gingerbread-900: #4c1f03;
--color-fresh-gingerbread-950: #320e00;
}SCSS
$fresh-gingerbread: #d3691f;
$fresh-gingerbread-rgb: 211, 105, 31;
$fresh-gingerbread-light: mix(#fff, $fresh-gingerbread, 20%);
$fresh-gingerbread-dark: mix(#000, $fresh-gingerbread, 20%);
.element {
color: $fresh-gingerbread;
box-shadow: 0 0 0 2px rgba($fresh-gingerbread, 0.35);
}