Benannte Farbe · #F8C649
Cakepop Sorbet
Cakepop Sorbet ist #F8C649: rgb(248 198 73), hsl(43 93% 63%), oklch(0.849 0.148 86.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Cakepop Sorbet color name →
#F8C649
oklch(0.849 0.148 86.4)
Farbumrechnungen
- HEX
- #f8c649
- RGB
- rgb(248 198 73)
- HSL
- hsl(43 93% 63%)
- HWB
- hwb(43 29% 3%)
- OKLCH
- oklch(0.849 0.148 86.4)
- OKLab
- oklab(0.849 0.009 0.148)
- CIE Lab
- lab(82.79 9.48 66.49)
- LCH
- lch(82.79 67.17 81.9)
- CMYK
- cmyk(0% 20% 71% 3%)
Tints · Shades · Tones
Tints
- F9CC62
- FAD277
- FBD88A
- FBDE9C
- FCE4AE
- FDE9BE
- FDEFCF
- FEF4DF
- FEFAEF
Shades
- D8AC3E
- B89234
- 9A7A2A
- 7C6220
- 604B17
- 45350E
- 2C2106
- 150E02
- 030200
Tones
- EBBF54
- DFB85D
- D3B164
- C7AA6A
- BBA36F
- AF9C74
- A39578
- 978E7B
- 8B877E
Farbharmonien
Komplementär +180°
- F8C649
Cakepop Sorbet
- B7CDFF
≈ Ice Cold Stare
Analog -30° +30°
- F8C649
Cakepop Sorbet
- FFBD8F
≈ Fuzzy Peach
- C8D95F
≈ Dry Seedlings
Triadisch +120° +240°
- F8C649
Cakepop Sorbet
- 00E8FD
≈ Whimsical Blue
- FEABFF
≈ Jigglypuff
Geteilt komplementär +150° +210°
- F8C649
Cakepop Sorbet
- 96D7FF
≈ Shiva Blue
- D2C3FF
≈ Innocent Snowdrop
Tetradisch +90° +180° +270°
- F8C649
Cakepop Sorbet
- 36EDCB
≈ Fake Jade
- B7CDFF
≈ Ice Cold Stare
- FFB5CF
≈ Baby Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.59:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.16:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.16:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--cakepop-sorbet: #f8c649;
--cakepop-sorbet-rgb: 248 198 73;
--cakepop-sorbet-oklch: oklch(0.849 0.148 86.4);
}
.element {
color: var(--cakepop-sorbet);
background-color: hsl(43 93% 63%);
border-color: oklch(0.849 0.148 86.4);
}Tailwind CSS v4
@theme {
--color-cakepop-sorbet: #f8c649;
--color-cakepop-sorbet-50: #fff4c5;
--color-cakepop-sorbet-100: #fce6af;
--color-cakepop-sorbet-200: #eed189;
--color-cakepop-sorbet-300: #d7b356;
--color-cakepop-sorbet-400: #c5970c;
--color-cakepop-sorbet-500: #b17c00;
--color-cakepop-sorbet-600: #956900;
--color-cakepop-sorbet-700: #785400;
--color-cakepop-sorbet-800: #5a3c00;
--color-cakepop-sorbet-900: #3f2a00;
--color-cakepop-sorbet-950: #281700;
}SCSS
$cakepop-sorbet: #f8c649;
$cakepop-sorbet-rgb: 248, 198, 73;
$cakepop-sorbet-light: mix(#fff, $cakepop-sorbet, 20%);
$cakepop-sorbet-dark: mix(#000, $cakepop-sorbet, 20%);
.element {
color: $cakepop-sorbet;
box-shadow: 0 0 0 2px rgba($cakepop-sorbet, 0.35);
}