Dichtstbijzijnde benoemde kleur · #A07E38
#A07E38
Dichtstbijzijnde benoemde kleur: Fernweh
#A07E38 (rgb(160 126 56), hsl(40 48% 42%), oklch(0.612 0.097 83.1)) komt het dichtst bij de benoemde kleur Fernweh. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#A07E38
oklch(0.612 0.097 83.1)
Kleurconversies
- HEX
- #a07e38
- RGB
- rgb(160 126 56)
- HSL
- hsl(40 48% 42%)
- HWB
- hwb(40 22% 37%)
- OKLCH
- oklch(0.612 0.097 83.1)
- OKLab
- oklab(0.612 0.012 0.097)
- CIE Lab
- lab(55.09 7.78 42.28)
- LCH
- lch(55.09 42.99 79.6)
- CMYK
- cmyk(0% 21% 65% 37%)
Tinten · Schaduwen · Tonen
Tinten
- A98B4E
- B39762
- BCA476
- C6B189
- CFBD9D
- D9CAB0
- E2D7C3
- ECE4D7
- F5F2EB
Schaduwen
- 8B6D2F
- 765C27
- 614C1F
- 4E3C17
- 3B2D0F
- 291F08
- 191104
- 090501
- 010100
Tonen
- 9D7E42
- 9A7F4A
- 977F52
- 937F5A
- 908061
- 8D8067
- 8A806E
- 878074
- 83807A
Kleurharmonieën
Complementair +180°
- A07E38
Fernweh
- 6583BE
≈ Orbital
Analoog -30° +30°
- A07E38
Fernweh
- B1734A
≈ Burnt Almond
- 848A41
≈ Sea Turtle
Triadisch +120° +240°
- A07E38
Fernweh
- 1F959E
≈ Aqua Lake
- A06FA6
≈ Dark Lilac
Gesplitst complementair +150° +210°
- A07E38
Fernweh
- 3E8DB5
≈ Navagio Bay
- 8678B9
≈ Purple Hebe
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.79:1 · APCA Lc 65
Ag
AAOp zwart
WCAG 5.53:1 · APCA Lc 36
Beste tekstkleur: #000000
WCAG 5.53:1 (AA) · APCA Lc 36
Contrast pairs
Codefragmenten
CSS
:root {
--fernweh: #a07e38;
--fernweh-rgb: 160 126 56;
--fernweh-oklch: oklch(0.612 0.097 83.1);
}
.element {
color: var(--fernweh);
background-color: hsl(40 48% 42%);
border-color: oklch(0.612 0.097 83.1);
}Tailwind CSS v4
@theme {
--color-fernweh: #a07e38;
--color-fernweh-50: #fff4d6;
--color-fernweh-100: #f7e6c4;
--color-fernweh-200: #e7d2a5;
--color-fernweh-300: #ceb47d;
--color-fernweh-400: #ba9958;
--color-fernweh-500: #a5802f;
--color-fernweh-600: #8c6c2a;
--color-fernweh-700: #705621;
--color-fernweh-800: #543e16;
--color-fernweh-900: #3a2b0e;
--color-fernweh-950: #241802;
}SCSS
$fernweh: #a07e38;
$fernweh-rgb: 160, 126, 56;
$fernweh-light: mix(#fff, $fernweh, 20%);
$fernweh-dark: mix(#000, $fernweh, 20%);
.element {
color: $fernweh;
box-shadow: 0 0 0 2px rgba($fernweh, 0.35);
}