Adlandırılmış renk · #DC5D47
Pimento
Pimento, #DC5D47: rgb(220 93 71), hsl(9 68% 57%), oklch(0.636 0.164 31.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? → · Pimento color name →
#DC5D47
oklch(0.636 0.164 31.8)
Renk dönüşümleri
- HEX
- #dc5d47
- RGB
- rgb(220 93 71)
- HSL
- hsl(9 68% 57%)
- HWB
- hwb(9 28% 14%)
- OKLCH
- oklch(0.636 0.164 31.8)
- OKLab
- oklab(0.636 0.139 0.086)
- CIE Lab
- lab(56.24 49.73 38.56)
- LCH
- lch(56.24 62.93 37.8)
- CMYK
- cmyk(0% 58% 68% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E26F5A
- E7806C
- EC907E
- F0A090
- F4B0A2
- F7C0B5
- FAD0C7
- FCE0DA
- FEEFEC
Koyu tonlar
- BF503D
- A34332
- 883728
- 6E2A1F
- 541F16
- 3C140D
- 260A06
- 110302
- 020000
Gri tonlar
- D4624E
- CB6755
- C36B5B
- BA6F61
- B17366
- A8766C
- 9F7971
- 957C76
- 8B7E7B
Renk uyumları
Tamamlayıcı +180°
- DC5D47
Pimento
- 009CB1
≈ Caneel Bay
Analog -30° +30°
- DC5D47
Pimento
- D75883
≈ Peppermint Swirl
- C87300
≈ Dirty Orange
Üçlü +120° +240°
- DC5D47
Pimento
- 11A655
≈ Green Pigment
- 6980ED
≈ Pan Purple
Bölünmüş tamamlayıcı +150° +210°
- DC5D47
Pimento
- 00A190
≈ Turquish
- 0093DD
≈ Kahu Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.68:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.69:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.69:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--pimento: #dc5d47;
--pimento-rgb: 220 93 71;
--pimento-oklch: oklch(0.636 0.164 31.8);
}
.element {
color: var(--pimento);
background-color: hsl(9 68% 57%);
border-color: oklch(0.636 0.164 31.8);
}Tailwind CSS v4
@theme {
--color-pimento: #dc5d47;
--color-pimento-50: #ffe5d7;
--color-pimento-100: #ffd5c4;
--color-pimento-200: #ffbba6;
--color-pimento-300: #ff977f;
--color-pimento-400: #ef755e;
--color-pimento-500: #dd5139;
--color-pimento-600: #bb4532;
--color-pimento-700: #963727;
--color-pimento-800: #70261d;
--color-pimento-900: #4f1a13;
--color-pimento-950: #340905;
}SCSS
$pimento: #dc5d47;
$pimento-rgb: 220, 93, 71;
$pimento-light: mix(#fff, $pimento, 20%);
$pimento-dark: mix(#000, $pimento, 20%);
.element {
color: $pimento;
box-shadow: 0 0 0 2px rgba($pimento, 0.35);
}