Warna bernama terdekat · #CB8147
#CB8147
Warna bernama terdekat: Peru
#CB8147 (rgb(203 129 71), hsl(26 56% 54%), oklch(0.669 0.118 57)) paling mendekati warna bernama Peru. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#CB8147
oklch(0.669 0.118 57)
Konversi warna
- HEX
- #cb8147
- RGB
- rgb(203 129 71)
- HSL
- hsl(26 56% 54%)
- HWB
- hwb(26 28% 20%)
- OKLCH
- oklch(0.669 0.118 57)
- OKLab
- oklab(0.669 0.064 0.099)
- CIE Lab
- lab(61.14 25.51 43.22)
- LCH
- lch(61.14 50.19 59.4)
- CMYK
- cmyk(0% 36% 65% 20%)
Tint · Shade · Tone
Tint
- D18E5B
- D79A6E
- DDA780
- E2B392
- E7C0A4
- ECCCB6
- F1D9C8
- F6E6DA
- FBF2ED
Shade
- B06F3D
- 965E32
- 7D4E28
- 653E1F
- 4D2E16
- 371F0D
- 221206
- 0F0602
- 020100
Tone
- C4814F
- BD8256
- B5825C
- AE8262
- A78268
- 9F826D
- 978172
- 908177
- 88817C
Harmoni warna
Komplementer +180°
- CB8147
Peru
- 419FD4
≈ Peaceful River
Analog -30° +30°
- CB8147
Peru
- D4776D
≈ Light Tomato
- B49032
≈ Balsam Pear
Triadik +120° +240°
- CB8147
Peru
- 21AC94
≈ Hobgoblin
- 9D85D4
≈ Lilac Purple
Split-komplementer +150° +210°
- CB8147
Peru
- 00A8B9
≈ Bluebird
- 7492DE
≈ Little Boy Blue
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.10:1 · APCA Lc 58
Ag
AADi atas hitam
WCAG 6.77:1 · APCA Lc 44
Warna teks terbaik: #000000
WCAG 6.77:1 (AA) · APCA Lc 44
Contrast pairs
Cuplikan kode
CSS
:root {
--peru: #cb8147;
--peru-rgb: 203 129 71;
--peru-oklch: oklch(0.669 0.118 57);
}
.element {
color: var(--peru);
background-color: hsl(26 56% 54%);
border-color: oklch(0.669 0.118 57);
}Tailwind CSS v4
@theme {
--color-peru: #cb8147;
--color-peru-50: #ffeed4;
--color-peru-100: #ffdfc2;
--color-peru-200: #fbc9a2;
--color-peru-300: #e5a97a;
--color-peru-400: #d38c55;
--color-peru-500: #bf6f2b;
--color-peru-600: #a25f26;
--color-peru-700: #824b1e;
--color-peru-800: #613615;
--color-peru-900: #44250d;
--color-peru-950: #2c1302;
}SCSS
$peru: #cb8147;
$peru-rgb: 203, 129, 71;
$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);
}