Named color · #F1E68C
Gentlemann’s Business Pants
Gentlemann’s Business Pants is #F1E68C: rgb(241 230 140), hsl(53 78% 75%), oklch(0.914 0.112 102.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Gentlemann’s Business Pants color name →
#F1E68C
oklch(0.914 0.112 102.3)
Color conversions
- HEX
- #f1e68c
- RGB
- rgb(241 230 140)
- HSL
- hsl(53 78% 75%)
- HWB
- hwb(53 55% 5%)
- OKLCH
- oklch(0.914 0.112 102.3)
- OKLab
- oklab(0.914 -0.024 0.109)
- CIE Lab
- lab(90.73 -5.2 45.12)
- LCH
- lch(90.73 45.42 96.6)
- CMYK
- cmyk(0% 5% 42% 5%)
Tints · Shades · Tones
Tints
- F2E999
- F4EBA5
- F5EEB1
- F6F1BD
- F8F3C8
- F9F6D3
- FBF8DE
- FCFAE9
- FDFDF4
Shades
- D2C879
- B3AB67
- 958E55
- 797343
- 5D5933
- 434023
- 2B2814
- 141307
- 030301
Tones
- E5DB8C
- D9D18C
- CEC78B
- C2BC8A
- B7B289
- ABA888
- A09E86
- 959484
- 8B8A82
Color harmonies
Complementary +180°
- F1E68C
Gentlemann’s Business Pants
- DEE0FF
≈ Stoic White
Analogous -30° +30°
- F1E68C
Gentlemann’s Business Pants
- FFDCB2
≈ Feather Plume
- C7F3A5
≈ Snappy Green
Triadic +120° +240°
- F1E68C
Gentlemann’s Business Pants
- B9ECFF
≈ Ice Effect
- FFD4ED
≈ Pink Currant
Split-complementary +150° +210°
- F1E68C
Gentlemann’s Business Pants
- CFE5FF
≈ Veiling Waterfalls
- F0D8FF
≈ Lavender Savour
Tetradic +90° +180° +270°
- F1E68C
Gentlemann’s Business Pants
- 7EFBF6
≈ Ancient Ice
- DEE0FF
≈ Stoic White
- FFD7DB
≈ Satin Ribbon
Contrast & accessibility
Ag
FailOn white
WCAG 1.27:1 · APCA Lc 14
Ag
AAAOn black
WCAG 16.43:1 · APCA Lc 90
Best text color: #000000
WCAG 16.43:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--gentlemann-s-business-pants: #f1e68c;
--gentlemann-s-business-pants-rgb: 241 230 140;
--gentlemann-s-business-pants-oklch: oklch(0.914 0.112 102.3);
}
.element {
color: var(--gentlemann-s-business-pants);
background-color: hsl(53 78% 75%);
border-color: oklch(0.914 0.112 102.3);
}Tailwind CSS v4
@theme {
--color-gentlemann-s-business-pants: #f1e68c;
--color-gentlemann-s-business-pants-50: #faf7d3;
--color-gentlemann-s-business-pants-100: #edeac0;
--color-gentlemann-s-business-pants-200: #dbd7a0;
--color-gentlemann-s-business-pants-300: #c0bb76;
--color-gentlemann-s-business-pants-400: #aba14d;
--color-gentlemann-s-business-pants-500: #958818;
--color-gentlemann-s-business-pants-600: #7e7319;
--color-gentlemann-s-business-pants-700: #655c14;
--color-gentlemann-s-business-pants-800: #4b430b;
--color-gentlemann-s-business-pants-900: #342e07;
--color-gentlemann-s-business-pants-950: #201b00;
}SCSS
$gentlemann-s-business-pants: #f1e68c;
$gentlemann-s-business-pants-rgb: 241, 230, 140;
$gentlemann-s-business-pants-light: mix(#fff, $gentlemann-s-business-pants, 20%);
$gentlemann-s-business-pants-dark: mix(#000, $gentlemann-s-business-pants, 20%);
.element {
color: $gentlemann-s-business-pants;
box-shadow: 0 0 0 2px rgba($gentlemann-s-business-pants, 0.35);
}