Adlandırılmış renk · #D37A51
Jack-O-Lantern
Jack-O-Lantern, #D37A51: rgb(211 122 81), hsl(19 60% 57%), oklch(0.669 0.124 44.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Jack-O-Lantern color name →
#D37A51
oklch(0.669 0.124 44.8)
Renk dönüşümleri
- HEX
- #d37a51
- RGB
- rgb(211 122 81)
- HSL
- hsl(19 60% 57%)
- HWB
- hwb(19 32% 17%)
- OKLCH
- oklch(0.669 0.124 44.8)
- OKLab
- oklab(0.669 0.088 0.088)
- CIE Lab
- lab(60.73 32.84 37.91)
- LCH
- lch(60.73 50.16 49.1)
- CMYK
- cmyk(0% 42% 62% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D98863
- DE9574
- E3A286
- E8AF97
- ECBDA8
- F1CAB9
- F5D7CA
- F8E4DC
- FCF2ED
Koyu tonlar
- B76945
- 9C593A
- 82492F
- 693A24
- 512B1A
- 3A1D10
- 241007
- 100502
- 020100
Gri tonlar
- CB7B57
- C37C5D
- BB7D62
- B37E67
- AB7F6B
- A37F70
- 9A8074
- 928078
- 89807C
Renk uyumları
Tamamlayıcı +180°
- D37A51
Jack-O-Lantern
- 0EA4CE
≈ Charybdis
Analog -30° +30°
- D37A51
Jack-O-Lantern
- D6737C
≈ Lotus Red
- C1882D
≈ Butter Base
Üçlü +120° +240°
- D37A51
Jack-O-Lantern
- 33AC81
≈ Herbal
- 8D89DE
≈ Perrywinkle
Bölünmüş tamamlayıcı +150° +210°
- D37A51
Jack-O-Lantern
- 00AAAA
≈ Jade Orchid
- 5D97E0
≈ Little Boy Blue
Dörtlü +90° +180° +270°
- D37A51
Jack-O-Lantern
- 73A654
≈ Grassy Meadow
- 0EA4CE
≈ Charybdis
- B17CC9
≈ Wisteria
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.14:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.67:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.67:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--jack-o-lantern: #d37a51;
--jack-o-lantern-rgb: 211 122 81;
--jack-o-lantern-oklch: oklch(0.669 0.124 44.8);
}
.element {
color: var(--jack-o-lantern);
background-color: hsl(19 60% 57%);
border-color: oklch(0.669 0.124 44.8);
}Tailwind CSS v4
@theme {
--color-jack-o-lantern: #d37a51;
--color-jack-o-lantern-50: #ffebd7;
--color-jack-o-lantern-100: #ffdcc5;
--color-jack-o-lantern-200: #ffc5a7;
--color-jack-o-lantern-300: #eda480;
--color-jack-o-lantern-400: #db855f;
--color-jack-o-lantern-500: #c86739;
--color-jack-o-lantern-600: #a95832;
--color-jack-o-lantern-700: #884627;
--color-jack-o-lantern-800: #65321c;
--color-jack-o-lantern-900: #472212;
--color-jack-o-lantern-950: #2e1105;
}SCSS
$jack-o-lantern: #d37a51;
$jack-o-lantern-rgb: 211, 122, 81;
$jack-o-lantern-light: mix(#fff, $jack-o-lantern, 20%);
$jack-o-lantern-dark: mix(#000, $jack-o-lantern, 20%);
.element {
color: $jack-o-lantern;
box-shadow: 0 0 0 2px rgba($jack-o-lantern, 0.35);
}