Dichtstbijzijnde benoemde kleur · #CB8147
#CB8147
Dichtstbijzijnde benoemde kleur: Peru
#CB8147 (rgb(203 129 71), hsl(26 56% 54%), oklch(0.669 0.118 57)) komt het dichtst bij de benoemde kleur Peru. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#CB8147
oklch(0.669 0.118 57)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- D18E5B
- D79A6E
- DDA780
- E2B392
- E7C0A4
- ECCCB6
- F1D9C8
- F6E6DA
- FBF2ED
Schaduwen
- B06F3D
- 965E32
- 7D4E28
- 653E1F
- 4D2E16
- 371F0D
- 221206
- 0F0602
- 020100
Tonen
- C4814F
- BD8256
- B5825C
- AE8262
- A78268
- 9F826D
- 978172
- 908177
- 88817C
Kleurharmonieën
Complementair +180°
- CB8147
Peru
- 419FD4
≈ Peaceful River
Analoog -30° +30°
- CB8147
Peru
- D4776D
≈ Light Tomato
- B49032
≈ Balsam Pear
Triadisch +120° +240°
- CB8147
Peru
- 21AC94
≈ Hobgoblin
- 9D85D4
≈ Lilac Purple
Gesplitst complementair +150° +210°
- CB8147
Peru
- 00A8B9
≈ Bluebird
- 7492DE
≈ Little Boy Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.10:1 · APCA Lc 58
Ag
AAOp zwart
WCAG 6.77:1 · APCA Lc 44
Beste tekstkleur: #000000
WCAG 6.77:1 (AA) · APCA Lc 44
Contrast pairs
Codefragmenten
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);
}