Nächste benannte Farbe · #B29764
#B29764
Nächste benannte Farbe: Veranda Gold
#B29764 (rgb(178 151 100), hsl(39 34% 55%), oklch(0.689 0.075 82.7)) liegt am nächsten an der benannten Farbe Veranda Gold. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B29764
oklch(0.689 0.075 82.7)
Farbumrechnungen
- HEX
- #b29764
- RGB
- rgb(178 151 100)
- HSL
- hsl(39 34% 55%)
- HWB
- hwb(39 39% 30%)
- OKLCH
- oklch(0.689 0.075 82.7)
- OKLab
- oklab(0.689 0.01 0.075)
- CIE Lab
- lab(64.05 5.24 30.76)
- LCH
- lch(64.05 31.21 80.3)
- CMYK
- cmyk(0% 15% 44% 30%)
Tints · Shades · Tones
Tints
- BAA173
- C1AB83
- C9B692
- D0C0A1
- D8CAB1
- E0D5C0
- E8DFD0
- EFEADF
- F7F4EF
Shades
- 9A8356
- 836F48
- 6D5C3B
- 57492E
- 433722
- 2F2616
- 1D170B
- 0C0803
- 010100
Tones
- AD9568
- A8936B
- A3906E
- 9E8E71
- 998C74
- 948976
- 8F8779
- 8A857B
- 85827E
Farbharmonien
Komplementär +180°
- B29764
Veranda Gold
- 829BCA
≈ Caribbean Sky
Analog -30° +30°
- B29764
Veranda Gold
- C18E6F
≈ Tiny Fawn
- 9BA069
≈ Dry Grass
Triadisch +120° +240°
- B29764
Veranda Gold
- 5EA9AF
≈ Aquarelle
- B28CB7
≈ Violet Whimsy
Geteilt komplementär +150° +210°
- B29764
Veranda Gold
- 6AA3C2
≈ Air Blue
- 9C93C6
≈ Violet Tulip
Tetradisch +90° +180° +270°
- B29764
Veranda Gold
- 67AB96
≈ Calmness
- 829BCA
≈ Caribbean Sky
- C0889F
≈ Winsome Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.50:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--veranda-gold: #b29764;
--veranda-gold-rgb: 178 151 100;
--veranda-gold-oklch: oklch(0.689 0.075 82.7);
}
.element {
color: var(--veranda-gold);
background-color: hsl(39 34% 55%);
border-color: oklch(0.689 0.075 82.7);
}Tailwind CSS v4
@theme {
--color-veranda-gold: #b29764;
--color-veranda-gold-50: #fff4dd;
--color-veranda-gold-100: #f4e6cc;
--color-veranda-gold-200: #e3d2b0;
--color-veranda-gold-300: #c9b58b;
--color-veranda-gold-400: #b49b6a;
--color-veranda-gold-500: #9f8249;
--color-veranda-gold-600: #866e3f;
--color-veranda-gold-700: #6b5832;
--color-veranda-gold-800: #504023;
--color-veranda-gold-900: #382c17;
--color-veranda-gold-950: #221908;
}SCSS
$veranda-gold: #b29764;
$veranda-gold-rgb: 178, 151, 100;
$veranda-gold-light: mix(#fff, $veranda-gold, 20%);
$veranda-gold-dark: mix(#000, $veranda-gold, 20%);
.element {
color: $veranda-gold;
box-shadow: 0 0 0 2px rgba($veranda-gold, 0.35);
}