Benannte Farbe · #F1D5A5
Garbanzo Bean
Garbanzo Bean ist #F1D5A5: rgb(241 213 165), hsl(38 73% 80%), oklch(0.885 0.07 81). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Garbanzo Bean color name →
#F1D5A5
oklch(0.885 0.07 81)
Farbumrechnungen
- HEX
- #f1d5a5
- RGB
- rgb(241 213 165)
- HSL
- hsl(38 73% 80%)
- HWB
- hwb(38 65% 5%)
- OKLCH
- oklch(0.885 0.07 81)
- OKLab
- oklab(0.885 0.011 0.069)
- CIE Lab
- lab(86.78 5 27.57)
- LCH
- lch(86.78 28.02 79.7)
- CMYK
- cmyk(0% 12% 32% 5%)
Tints · Shades · Tones
Tints
- F2D9AE
- F4DDB7
- F5E2C0
- F7E6C9
- F8EAD2
- FAEEDB
- FBF3E4
- FCF7ED
- FEFBF6
Shades
- D2B98F
- B39E79
- 958365
- 796A51
- 5D513D
- 433A2B
- 2B241A
- 14100A
- 030201
Tones
- E5CCA2
- D9C49E
- CEBB9B
- C2B297
- B7AA93
- ACA190
- A1998C
- 969188
- 8B8884
Farbharmonien
Komplementär +180°
- F1D5A5
Garbanzo Bean
- C4DAFF
≈ Broad Daylight
Analog -30° +30°
- F1D5A5
Garbanzo Bean
- FFCDB1
≈ Blushing Cherub
- DADEA9
≈ Zombie
Triadisch +120° +240°
- F1D5A5
Garbanzo Bean
- A2E7EC
≈ Blizzard Blue
- EFCBF6
≈ Mousse aux Pruneaux
Geteilt komplementär +150° +210°
- F1D5A5
Garbanzo Bean
- AAE2FF
≈ Frozen Landscape
- D8D3FF
≈ Pale Lavender
Tetradisch +90° +180° +270°
- F1D5A5
Garbanzo Bean
- ABE9D3
≈ Sweet Aqua
- C4DAFF
≈ Broad Daylight
- FEC7DF
≈ Cherry Blush
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.41:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.80:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.80:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--garbanzo-bean: #f1d5a5;
--garbanzo-bean-rgb: 241 213 165;
--garbanzo-bean-oklch: oklch(0.885 0.07 81);
}
.element {
color: var(--garbanzo-bean);
background-color: hsl(38 73% 80%);
border-color: oklch(0.885 0.07 81);
}Tailwind CSS v4
@theme {
--color-garbanzo-bean: #f1d5a5;
--color-garbanzo-bean-50: #fff4df;
--color-garbanzo-bean-100: #f3e6ce;
--color-garbanzo-bean-200: #e3d2b3;
--color-garbanzo-bean-300: #c9b58f;
--color-garbanzo-bean-400: #b49b6f;
--color-garbanzo-bean-500: #9e814f;
--color-garbanzo-bean-600: #866e43;
--color-garbanzo-bean-700: #6b5835;
--color-garbanzo-bean-800: #4f4026;
--color-garbanzo-bean-900: #372c19;
--color-garbanzo-bean-950: #22190a;
}SCSS
$garbanzo-bean: #f1d5a5;
$garbanzo-bean-rgb: 241, 213, 165;
$garbanzo-bean-light: mix(#fff, $garbanzo-bean, 20%);
$garbanzo-bean-dark: mix(#000, $garbanzo-bean, 20%);
.element {
color: $garbanzo-bean;
box-shadow: 0 0 0 2px rgba($garbanzo-bean, 0.35);
}