Benoemde kleur · #B18D75
Homeland
Homeland is #B18D75: rgb(177 141 117), hsl(24 28% 58%), oklch(0.671 0.056 55.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Homeland color name →
#B18D75
oklch(0.671 0.056 55.3)
Kleurconversies
- HEX
- #b18d75
- RGB
- rgb(177 141 117)
- HSL
- hsl(24 28% 58%)
- HWB
- hwb(24 46% 31%)
- OKLCH
- oklch(0.671 0.056 55.3)
- OKLab
- oklab(0.671 0.032 0.046)
- CIE Lab
- lab(61.62 11.53 18.3)
- LCH
- lch(61.62 21.63 57.8)
- CMYK
- cmyk(0% 20% 34% 31%)
Tinten · Schaduwen · Tonen
Tinten
- B99882
- C1A390
- C8AE9D
- D0B9AB
- D8C5B8
- E0D0C6
- E8DCD4
- EFE7E2
- F7F3F1
Schaduwen
- 997A65
- 836755
- 6C5546
- 574437
- 423329
- 2F231C
- 1C140F
- 0C0705
- 010101
Tonen
- AC8C76
- A78B78
- A28979
- 9E887A
- 99877B
- 94857C
- 8F847D
- 8A837E
- 85817F
Kleurharmonieën
Complementair +180°
- B18D75
Homeland
- 749CB3
≈ Ocean View
Analoog -30° +30°
- B18D75
Homeland
- B58984
≈ Toki Brown
- A5936E
≈ Gristmill
Triadisch +120° +240°
- B18D75
Homeland
- 71A194
≈ Greyish Teal
- 988FB5
≈ Purple Agate
Gesplitst complementair +150° +210°
- B18D75
Homeland
- 6CA0A6
≈ Reef Waters
- 8595B9
≈ Denim Tradition
Tetradisch +90° +180° +270°
- B18D75
Homeland
- 809F81
≈ Vineyard
- 749CB3
≈ Ocean View
- A88AA9
≈ Lavender Herb
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.02:1 · APCA Lc 57
Ag
AAOp zwart
WCAG 6.93:1 · APCA Lc 45
Beste tekstkleur: #000000
WCAG 6.93:1 (AA) · APCA Lc 45
Contrast pairs
Codefragmenten
CSS
:root {
--homeland: #b18d75;
--homeland-rgb: 177 141 117;
--homeland-oklch: oklch(0.671 0.056 55.3);
}
.element {
color: var(--homeland);
background-color: hsl(24 28% 58%);
border-color: oklch(0.671 0.056 55.3);
}Tailwind CSS v4
@theme {
--color-homeland: #b18d75;
--color-homeland-50: #fff2e6;
--color-homeland-100: #f7e4d6;
--color-homeland-200: #e7cfbe;
--color-homeland-300: #ceb19c;
--color-homeland-400: #b9967f;
--color-homeland-500: #a37d63;
--color-homeland-600: #8a6a54;
--color-homeland-700: #6f5443;
--color-homeland-800: #523d30;
--color-homeland-900: #392a21;
--color-homeland-950: #231810;
}SCSS
$homeland: #b18d75;
$homeland-rgb: 177, 141, 117;
$homeland-light: mix(#fff, $homeland, 20%);
$homeland-dark: mix(#000, $homeland, 20%);
.element {
color: $homeland;
box-shadow: 0 0 0 2px rgba($homeland, 0.35);
}