Nazwany kolor · #B95E33
Gold Varnish Brown
Gold Varnish Brown to #B95E33: rgb(185 94 51), hsl(19 57% 46%), oklch(0.583 0.131 44.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Gold Varnish Brown color name →
#B95E33
oklch(0.583 0.131 44.4)
Konwersje koloru
- HEX
- #b95e33
- RGB
- rgb(185 94 51)
- HSL
- hsl(19 57% 46%)
- HWB
- hwb(19 20% 27%)
- OKLCH
- oklch(0.583 0.131 44.4)
- OKLab
- oklab(0.583 0.093 0.091)
- CIE Lab
- lab(50.71 35.23 41.33)
- LCH
- lch(50.71 54.31 49.6)
- CMYK
- cmyk(0% 49% 72% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C16E49
- C97F5D
- D18E71
- D99E85
- E0AE99
- E7BEAD
- EDCEC1
- F3DED6
- F9EFEA
Odcienie ciemniejsze
- A0512B
- 894423
- 71371C
- 5B2B14
- 461F0D
- 311407
- 1E0A03
- 0D0301
- 020000
Tony
- B4623D
- AF6746
- AA6A4E
- A56E56
- 9F715E
- 997565
- 93786C
- 8D7B73
- 877D79
Harmonie kolorów
Komplementarna +180°
- B95E33
Gold Varnish Brown
- 0088AB
≈ Tiny Bubbles
Analogowa -30° +30°
- B95E33
Gold Varnish Brown
- BB5663
≈ Hibiscus Flower
- A66E00
≈ Golden Hind
Triada +120° +240°
- B95E33
Gold Varnish Brown
- 009168
≈ Viridian
- 736EC5
≈ Purple Toolbox
Komplementarna rozszczepiona +150° +210°
- B95E33
Gold Varnish Brown
- 008D8D
≈ Marrs Green
- 3F7DC6
≈ Tufts Blue
Tetrada +90° +180° +270°
- B95E33
Gold Varnish Brown
- 598C35
≈ Indica
- 0088AB
≈ Tiny Bubbles
- 9761B0
≈ Lusty Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.45:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.71:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.71:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--gold-varnish-brown: #b95e33;
--gold-varnish-brown-rgb: 185 94 51;
--gold-varnish-brown-oklch: oklch(0.583 0.131 44.4);
}
.element {
color: var(--gold-varnish-brown);
background-color: hsl(19 57% 46%);
border-color: oklch(0.583 0.131 44.4);
}Tailwind CSS v4
@theme {
--color-gold-varnish-brown: #b95e33;
--color-gold-varnish-brown-50: #ffebd6;
--color-gold-varnish-brown-100: #ffdbc4;
--color-gold-varnish-brown-200: #ffc4a5;
--color-gold-varnish-brown-300: #efa27d;
--color-gold-varnish-brown-400: #de845b;
--color-gold-varnish-brown-500: #cb6534;
--color-gold-varnish-brown-600: #ab562e;
--color-gold-varnish-brown-700: #8a4524;
--color-gold-varnish-brown-800: #67311a;
--color-gold-varnish-brown-900: #482111;
--color-gold-varnish-brown-950: #2f1004;
}SCSS
$gold-varnish-brown: #b95e33;
$gold-varnish-brown-rgb: 185, 94, 51;
$gold-varnish-brown-light: mix(#fff, $gold-varnish-brown, 20%);
$gold-varnish-brown-dark: mix(#000, $gold-varnish-brown, 20%);
.element {
color: $gold-varnish-brown;
box-shadow: 0 0 0 2px rgba($gold-varnish-brown, 0.35);
}