Adlandırılmış renk · #CD853F
Peru
Peru, #CD853F: rgb(205 133 63), hsl(30 59% 53%), oklch(0.678 0.123 62.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Peru color name →
#CD853F
oklch(0.678 0.123 62.2)
Renk dönüşümleri
- HEX
- #cd853f
- RGB
- rgb(205 133 63)
- HSL
- hsl(30 59% 53%)
- HWB
- hwb(30 25% 20%)
- OKLCH
- oklch(0.678 0.123 62.2)
- OKLab
- oklab(0.678 0.057 0.109)
- CIE Lab
- lab(62.25 23.95 48.41)
- LCH
- lch(62.25 54.01 63.7)
- CMYK
- cmyk(0% 35% 69% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D39155
- D89E69
- DEAA7C
- E3B68F
- E8C2A2
- EDCEB4
- F2DAC7
- F6E7D9
- FBF3EC
Koyu tonlar
- B27335
- 98612C
- 7E5023
- 66401B
- 4E3012
- 38210A
- 231304
- 0F0601
- 020100
Gri tonlar
- C68548
- BE8551
- B78558
- AF845F
- A78465
- A0836B
- 988371
- 908276
- 88817B
Renk uyumları
Tamamlayıcı +180°
- CD853F
Peru
- 49A0DD
≈ Waimea Blue
Analog -30° +30°
- CD853F
Peru
- D97966
≈ Lei Flower
- B3952D
≈ Mana
Üçlü +120° +240°
- CD853F
Peru
- 00B09E
≈ Pool Green
- A684D6
≈ Middy’s Purple
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.99:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.02:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--peru: #cd853f;
--peru-rgb: 205 133 63;
--peru-oklch: oklch(0.678 0.123 62.2);
}
.element {
color: var(--peru);
background-color: hsl(30 59% 53%);
border-color: oklch(0.678 0.123 62.2);
}Tailwind CSS v4
@theme {
--color-peru: #cd853f;
--color-peru-50: #ffefd1;
--color-peru-100: #ffe0be;
--color-peru-200: #faca9d;
--color-peru-300: #e4aa73;
--color-peru-400: #d28d4c;
--color-peru-500: #be7117;
--color-peru-600: #a16018;
--color-peru-700: #814c13;
--color-peru-800: #61370d;
--color-peru-900: #442508;
--color-peru-950: #2c1400;
}SCSS
$peru: #cd853f;
$peru-rgb: 205, 133, 63;
$peru-light: mix(#fff, $peru, 20%);
$peru-dark: mix(#000, $peru, 20%);
.element {
color: $peru;
box-shadow: 0 0 0 2px rgba($peru, 0.35);
}