Benannte Farbe · #F5D565
Jīn Huáng Gold
Jīn Huáng Gold ist #F5D565: rgb(245 213 101), hsl(47 88% 68%), oklch(0.879 0.135 93.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Jīn Huáng Gold color name →
#F5D565
oklch(0.879 0.135 93.5)
Farbumrechnungen
- HEX
- #f5d565
- RGB
- rgb(245 213 101)
- HSL
- hsl(47 88% 68%)
- HWB
- hwb(47 40% 4%)
- OKLCH
- oklch(0.879 0.135 93.5)
- OKLab
- oklab(0.879 -0.008 0.135)
- CIE Lab
- lab(86.41 2.11 58.38)
- LCH
- lch(86.41 58.42 87.9)
- CMYK
- cmyk(0% 13% 59% 4%)
Tints · Shades · Tones
Tints
- F6DA78
- F7DE89
- F8E299
- F9E7A9
- FAEBB8
- FBEFC6
- FCF3D5
- FDF7E3
- FEFBF1
Shades
- D5B957
- B69E49
- 98833C
- 7B6A2F
- 5F5122
- 443A17
- 2B240C
- 151003
- 030200
Tones
- E9CC6B
- DDC46F
- D0BB73
- C5B377
- B9AA79
- ADA27C
- A2997D
- 96917F
- 8B887F
Farbharmonien
Komplementär +180°
- F5D565
Jīn Huáng Gold
- CAD5FF
≈ Pale Phthalo Blue
Analog -30° +30°
- F5D565
Jīn Huáng Gold
- FFCC9D
≈ Melon Sprinkle
- C5E67E
≈ Sulu
Triadisch +120° +240°
- F5D565
Jīn Huáng Gold
- 82E9FF
≈ Photon Projector
- FFBFF2
≈ Pink Quartz
Geteilt komplementär +150° +210°
- F5D565
Jīn Huáng Gold
- B3DDFF
≈ Broad Daylight
- E1CCFF
≈ Lens Flare Pink
Tetradisch +90° +180° +270°
- F5D565
Jīn Huáng Gold
- 52F4E0
≈ Bright Aqua
- CAD5FF
≈ Pale Phthalo Blue
- FFC5D2
≈ Sweet Serenade
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.43:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.58:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--jin-huang-gold: #f5d565;
--jin-huang-gold-rgb: 245 213 101;
--jin-huang-gold-oklch: oklch(0.879 0.135 93.5);
}
.element {
color: var(--jin-huang-gold);
background-color: hsl(47 88% 68%);
border-color: oklch(0.879 0.135 93.5);
}Tailwind CSS v4
@theme {
--color-jin-huang-gold: #f5d565;
--color-jin-huang-gold-50: #fff6ca;
--color-jin-huang-gold-100: #f5e8b5;
--color-jin-huang-gold-200: #e6d491;
--color-jin-huang-gold-300: #ccb762;
--color-jin-huang-gold-400: #b99c2d;
--color-jin-huang-gold-500: #a58200;
--color-jin-huang-gold-600: #8b6e00;
--color-jin-huang-gold-700: #6f5800;
--color-jin-huang-gold-800: #544000;
--color-jin-huang-gold-900: #3a2c00;
--color-jin-huang-gold-950: #241900;
}SCSS
$jin-huang-gold: #f5d565;
$jin-huang-gold-rgb: 245, 213, 101;
$jin-huang-gold-light: mix(#fff, $jin-huang-gold, 20%);
$jin-huang-gold-dark: mix(#000, $jin-huang-gold, 20%);
.element {
color: $jin-huang-gold;
box-shadow: 0 0 0 2px rgba($jin-huang-gold, 0.35);
}