Nearest named color · #F5C29E
#F5C29E
Nearest named color: Shrimp Toast
#F5C29E (rgb(245 194 158), hsl(25 81% 79%), oklch(0.851 0.076 56.7)) is closest to the named color Shrimp Toast. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F5C29E
oklch(0.851 0.076 56.7)
Color conversions
- HEX
- #f5c29e
- RGB
- rgb(245 194 158)
- HSL
- hsl(25 81% 79%)
- HWB
- hwb(25 62% 4%)
- OKLCH
- oklch(0.851 0.076 56.7)
- OKLab
- oklab(0.851 0.042 0.063)
- CIE Lab
- lab(82.41 15.3 25.48)
- LCH
- lch(82.41 29.72 59)
- CMYK
- cmyk(0% 21% 36% 4%)
Tints · Shades · Tones
Tints
- F6C8A8
- F8CEB1
- F9D4BB
- FADBC5
- FBE1CF
- FCE7D8
- FDEDE2
- FEF3EC
- FEF9F5
Shades
- D5A889
- B68F74
- 987760
- 7B604D
- 5F493A
- 443429
- 2B2018
- 150E09
- 030201
Tones
- E9BB9B
- DDB598
- D1AE96
- C5A793
- B9A190
- AE9A8D
- A2948A
- 978D86
- 8B8783
Color harmonies
Complementary +180°
- F5C29E
Shrimp Toast
- 9FD6FA
≈ Malmö FF
Analogous -30° +30°
- F5C29E
Shrimp Toast
- FCBCB4
≈ Melon Water
- E4CB95
≈ Abstract
Triadic +120° +240°
- F5C29E
Shrimp Toast
- 98DFCD
≈ Beach Glass
- D2C4FA
≈ Innocent Snowdrop
Split-complementary +150° +210°
- F5C29E
Shrimp Toast
- 91DDE7
≈ Paradisiacal Getaway
- B8CDFF
≈ Ice Cold Stare
Tetradic +90° +180° +270°
- F5C29E
Shrimp Toast
- AEDCB1
≈ Big Spender
- 9FD6FA
≈ Malmö FF
- E9BDE8
≈ Lovecloud
Contrast & accessibility
Ag
FailOn white
WCAG 1.60:1 · APCA Lc 27
Ag
AAAOn black
WCAG 13.09:1 · APCA Lc 76
Best text color: #000000
WCAG 13.09:1 (AAA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--shrimp-toast: #f5c29e;
--shrimp-toast-rgb: 245 194 158;
--shrimp-toast-oklch: oklch(0.851 0.076 56.7);
}
.element {
color: var(--shrimp-toast);
background-color: hsl(25 81% 79%);
border-color: oklch(0.851 0.076 56.7);
}Tailwind CSS v4
@theme {
--color-shrimp-toast: #f5c29e;
--color-shrimp-toast-50: #fff1e0;
--color-shrimp-toast-100: #fce2d0;
--color-shrimp-toast-200: #eecdb5;
--color-shrimp-toast-300: #d5af91;
--color-shrimp-toast-400: #c19373;
--color-shrimp-toast-500: #ad7953;
--color-shrimp-toast-600: #926747;
--color-shrimp-toast-700: #755238;
--color-shrimp-toast-800: #573b29;
--color-shrimp-toast-900: #3d291b;
--color-shrimp-toast-950: #26160c;
}SCSS
$shrimp-toast: #f5c29e;
$shrimp-toast-rgb: 245, 194, 158;
$shrimp-toast-light: mix(#fff, $shrimp-toast, 20%);
$shrimp-toast-dark: mix(#000, $shrimp-toast, 20%);
.element {
color: $shrimp-toast;
box-shadow: 0 0 0 2px rgba($shrimp-toast, 0.35);
}