Colore con nome · #F5D565
Jīn Huáng Gold
Jīn Huáng Gold è #F5D565: rgb(245 213 101), hsl(47 88% 68%), oklch(0.879 0.135 93.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Jīn Huáng Gold color name →
#F5D565
oklch(0.879 0.135 93.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- F6DA78
- F7DE89
- F8E299
- F9E7A9
- FAEBB8
- FBEFC6
- FCF3D5
- FDF7E3
- FEFBF1
Ombre
- D5B957
- B69E49
- 98833C
- 7B6A2F
- 5F5122
- 443A17
- 2B240C
- 151003
- 030200
Toni
- E9CC6B
- DDC46F
- D0BB73
- C5B377
- B9AA79
- ADA27C
- A2997D
- 96917F
- 8B887F
Armonie di colore
Complementare +180°
- F5D565
Jīn Huáng Gold
- CAD5FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- F5D565
Jīn Huáng Gold
- FFCC9D
≈ Melon Sprinkle
- C5E67E
≈ Sulu
Triadico +120° +240°
- F5D565
Jīn Huáng Gold
- 82E9FF
≈ Photon Projector
- FFBFF2
≈ Pink Quartz
Complementare divisa +150° +210°
- F5D565
Jīn Huáng Gold
- B3DDFF
≈ Broad Daylight
- E1CCFF
≈ Lens Flare Pink
Tetradico +90° +180° +270°
- F5D565
Jīn Huáng Gold
- 52F4E0
≈ Bright Aqua
- CAD5FF
≈ Pale Phthalo Blue
- FFC5D2
≈ Sweet Serenade
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.58:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
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);
}