Nearest named color · #F3B063
#F3B063
Nearest named color: Goldfish
#F3B063 (rgb(243 176 99), hsl(32 86% 67%), oklch(0.805 0.122 68.4)) is closest to the named color Goldfish. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F3B063
oklch(0.805 0.122 68.4)
Color conversions
- HEX
- #f3b063
- RGB
- rgb(243 176 99)
- HSL
- hsl(32 86% 67%)
- HWB
- hwb(32 39% 5%)
- OKLCH
- oklch(0.805 0.122 68.4)
- OKLab
- oklab(0.805 0.045 0.114)
- CIE Lab
- lab(77.17 19.45 48.95)
- LCH
- lch(77.17 52.67 68.3)
- CMYK
- cmyk(0% 28% 59% 5%)
Tints · Shades · Tones
Tints
- F5B875
- F6C085
- F8C895
- F9D0A5
- FBD8B4
- FCE0C3
- FDE8D2
- FEF0E1
- FEF7F0
Shades
- D39955
- B48247
- 976C3A
- 7A562E
- 5E4221
- 442E16
- 2B1C0B
- 140B03
- 030100
Tones
- E7AB68
- DCA76C
- D0A270
- C49D73
- B99976
- AD9479
- A28F7B
- 978A7D
- 8B857F
Color harmonies
Complementary +180°
- F3B063
Goldfish
- 89C5FF
≈ Chromis Damsel Blue
Analogous -30° +30°
- F3B063
Goldfish
- FFA589
≈ Citrus Hill
- D4C05D
≈ Mustard Oil
Triadic +120° +240°
- F3B063
Goldfish
- 46D8CE
≈ Turquoise Panic
- D6A9FC
≈ Testosterose
Split-complementary +150° +210°
- F3B063
Goldfish
- 4ED2F4
≈ Libra Blue Morpho
- B0B9FF
≈ Greyish Lavender
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.87:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.20:1 · APCA Lc 67
Best text color: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--goldfish: #f3b063;
--goldfish-rgb: 243 176 99;
--goldfish-oklch: oklch(0.805 0.122 68.4);
}
.element {
color: var(--goldfish);
background-color: hsl(32 86% 67%);
border-color: oklch(0.805 0.122 68.4);
}Tailwind CSS v4
@theme {
--color-goldfish: #f3b063;
--color-goldfish-50: #fff0d0;
--color-goldfish-100: #ffe2bc;
--color-goldfish-200: #f6cc9b;
--color-goldfish-300: #e0ad70;
--color-goldfish-400: #cd9047;
--color-goldfish-500: #ba7405;
--color-goldfish-600: #9d630d;
--color-goldfish-700: #7e4f0c;
--color-goldfish-800: #5e3807;
--color-goldfish-900: #422705;
--color-goldfish-950: #2a1500;
}SCSS
$goldfish: #f3b063;
$goldfish-rgb: 243, 176, 99;
$goldfish-light: mix(#fff, $goldfish, 20%);
$goldfish-dark: mix(#000, $goldfish, 20%);
.element {
color: $goldfish;
box-shadow: 0 0 0 2px rgba($goldfish, 0.35);
}