Dichtstbijzijnde benoemde kleur · #B46600
#B46600
Dichtstbijzijnde benoemde kleur: Ginger
#B46600 (rgb(180 102 0), hsl(34 100% 35%), oklch(0.586 0.136 61.5)) komt het dichtst bij de benoemde kleur Ginger. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B46600
oklch(0.586 0.136 61.5)
Kleurconversies
- HEX
- #b46600
- RGB
- rgb(180 102 0)
- HSL
- hsl(34 100% 35%)
- HWB
- hwb(34 0% 29%)
- OKLCH
- oklch(0.586 0.136 61.5)
- OKLab
- oklab(0.586 0.065 0.119)
- CIE Lab
- lab(51.47 28.07 59.18)
- LCH
- lch(51.47 65.5 64.6)
- CMYK
- cmyk(0% 43% 100% 29%)
Tinten · Schaduwen · Tonen
Tinten
- BC752F
- C5854B
- CD9462
- D4A379
- DCB28F
- E3C2A5
- EBD1BC
- F2E0D2
- F8F0E8
Schaduwen
- 9C5800
- 854A00
- 6E3C00
- 582F00
- 442300
- 301700
- 1D0C00
- 0C0400
- 020000
Tonen
- AF6921
- AB6D31
- A6703E
- A1724A
- 9C7554
- 97785D
- 917A67
- 8C7C6F
- 867E78
Kleurharmonieën
Complementair +180°
- B46600
Ginger
- 0A84C5
≈ Water Raceway
Analoog -30° +30°
- B46600
Ginger
- BF5947
≈ Mecca Orange
- 967900
≈ Bhūrā Brown
Triadisch +120° +240°
- B46600
Ginger
- 009080
≈ Philips Green
- 8B66BF
≈ Lavish Spending
Gesplitst complementair +150° +210°
- B46600
Ginger
- 008C9F
≈ Parrot Flight
- 6075CC
≈ Indigo Light
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.33:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.84:1 · APCA Lc 32
Beste tekstkleur: #000000
WCAG 4.84:1 (AA) · APCA Lc 32
Contrast pairs
Codefragmenten
CSS
:root {
--ginger: #b46600;
--ginger-rgb: 180 102 0;
--ginger-oklch: oklch(0.586 0.136 61.5);
}
.element {
color: var(--ginger);
background-color: hsl(34 100% 35%);
border-color: oklch(0.586 0.136 61.5);
}Tailwind CSS v4
@theme {
--color-ginger: #b46600;
--color-ginger-50: #ffeece;
--color-ginger-100: #ffdfba;
--color-ginger-200: #fec897;
--color-ginger-300: #e8a86b;
--color-ginger-400: #d78a41;
--color-ginger-500: #c46d00;
--color-ginger-600: #a65d00;
--color-ginger-700: #854a00;
--color-ginger-800: #643502;
--color-ginger-900: #462403;
--color-ginger-950: #2d1200;
}SCSS
$ginger: #b46600;
$ginger-rgb: 180, 102, 0;
$ginger-light: mix(#fff, $ginger, 20%);
$ginger-dark: mix(#000, $ginger, 20%);
.element {
color: $ginger;
box-shadow: 0 0 0 2px rgba($ginger, 0.35);
}