Dichtstbijzijnde benoemde kleur · #51331D
#51331D
Dichtstbijzijnde benoemde kleur: Peat Brown
#51331D (rgb(81 51 29), hsl(25 47% 22%), oklch(0.352 0.055 56)) komt het dichtst bij de benoemde kleur Peat Brown. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#51331D
oklch(0.352 0.055 56)
Kleurconversies
- HEX
- #51331d
- RGB
- rgb(81 51 29)
- HSL
- hsl(25 47% 22%)
- HWB
- hwb(25 11% 68%)
- OKLCH
- oklch(0.352 0.055 56)
- OKLab
- oklab(0.352 0.031 0.046)
- CIE Lab
- lab(24.57 12.05 19.64)
- LCH
- lch(24.57 23.04 58.5)
- CMYK
- cmyk(0% 37% 64% 68%)
Tinten · Schaduwen · Tonen
Tinten
- 614531
- 725846
- 836B5B
- 947F71
- A59387
- B7A89E
- C8BDB5
- DAD3CD
- EDE9E6
Schaduwen
- 452B18
- 3A2313
- 2F1C0E
- 241409
- 1A0D05
- 100703
- 070301
- 020100
- 000000
Tonen
- 563A27
- 5B4231
- 60493A
- 645144
- 69594E
- 6E6058
- 726861
- 77706C
- 7B7876
Kleurharmonieën
Complementair +180°
- 51331D
Peat Brown
- 1B3F54
≈ Capital Blue
Analoog -30° +30°
- 51331D
Peat Brown
- 542F2C
≈ Bratwurst
- 483915
≈ Lisbon Brown
Triadisch +120° +240°
- 51331D
Peat Brown
- 13443A
≈ MSU Green
- 3E3555
≈ Naggaroth Night
Gesplitst complementair +150° +210°
- 51331D
Peat Brown
- 0B4349
≈ Rapture
- 2D3A58
≈ Mediaeval Blue
Tetradisch +90° +180° +270°
- 51331D
Peat Brown
- 274329
≈ Zucchini
- 1B3F54
≈ Capital Blue
- 4A314A
≈ Loulou
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 11.40:1 · APCA Lc 96
Ag
FailOp zwart
WCAG 1.84:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 11.40:1 (AAA) · APCA Lc 96
Contrast pairs
Codefragmenten
CSS
:root {
--peat-brown: #51331d;
--peat-brown-rgb: 81 51 29;
--peat-brown-oklch: oklch(0.352 0.055 56);
}
.element {
color: var(--peat-brown);
background-color: hsl(25 47% 22%);
border-color: oklch(0.352 0.055 56);
}Tailwind CSS v4
@theme {
--color-peat-brown: #51331d;
--color-peat-brown-50: #fff2e6;
--color-peat-brown-100: #f7e4d6;
--color-peat-brown-200: #e7cfbe;
--color-peat-brown-300: #ceb19c;
--color-peat-brown-400: #b9977f;
--color-peat-brown-500: #a37d63;
--color-peat-brown-600: #8a6a54;
--color-peat-brown-700: #6f5543;
--color-peat-brown-800: #523d30;
--color-peat-brown-900: #392a21;
--color-peat-brown-950: #231810;
}SCSS
$peat-brown: #51331d;
$peat-brown-rgb: 81, 51, 29;
$peat-brown-light: mix(#fff, $peat-brown, 20%);
$peat-brown-dark: mix(#000, $peat-brown, 20%);
.element {
color: $peat-brown;
box-shadow: 0 0 0 2px rgba($peat-brown, 0.35);
}