色名 · #FFD662
Aspen Gold
Aspen Goldは#FFD662：rgb(255 214 98)、hsl(44 100% 69%)、oklch(0.89 0.141 89.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Aspen Gold color name →
#FFD662
oklch(0.89 0.141 89.8)
カラー変換
- HEX
- #ffd662
- RGB
- rgb(255 214 98)
- HSL
- hsl(44 100% 69%)
- HWB
- hwb(44 38% 0%)
- OKLCH
- oklch(0.89 0.141 89.8)
- OKLab
- oklab(0.89 0.001 0.141)
- CIE Lab
- lab(87.58 5.56 61.3)
- LCH
- lch(87.58 61.55 84.8)
- CMYK
- cmyk(0% 16% 62% 0%)
ティント · シェード · トーン
ティント
- FFDA76
- FFDF88
- FFE398
- FFE7A8
- FFEBB7
- FFF0C6
- FFF3D5
- FFF7E3
- FFFBF1
シェード
- DEBA54
- BE9E47
- 9E843A
- 806A2D
- 635221
- 483B16
- 2E250B
- 161003
- 030200
トーン
- F2CD68
- E4C56E
- D7BC72
- CAB376
- BEAB79
- B1A27B
- A59A7D
- 98917E
- 8C897F
カラーハーモニー
補色 +180°
- FFD662
Aspen Gold
- CCDAFF
≈ Icy Plains
類似色 -30° +30°
- FFD662
Aspen Gold
- FFD0AB
≈ Peach Juice
- CFE878
≈ Sulu
トライアド +120° +240°
- FFD662
Aspen Gold
- 84EDFF
≈ Photon Projector
- FFC4F9
≈ Sugar Chic
スプリットコンプリメンタリー +150° +210°
- FFD662
Aspen Gold
- B7E1FF
≈ Dithered Sky
- E0D2FF
≈ Pale Lavender
テトラード +90° +180° +270°
- FFD662
Aspen Gold
- 53F9DE
≈ Lamiaceae
- CCDAFF
≈ Icy Plains
- FFCAD9
≈ Flower Spell
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.39:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.04:1 · APCA Lc 84
最適な文字色: #000000
WCAG 15.04:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--aspen-gold: #ffd662;
--aspen-gold-rgb: 255 214 98;
--aspen-gold-oklch: oklch(0.89 0.141 89.8);
}
.element {
color: var(--aspen-gold);
background-color: hsl(44 100% 69%);
border-color: oklch(0.89 0.141 89.8);
}Tailwind CSS v4
@theme {
--color-aspen-gold: #ffd662;
--color-aspen-gold-50: #fff5c8;
--color-aspen-gold-100: #f9e7b3;
--color-aspen-gold-200: #ead38e;
--color-aspen-gold-300: #d1b55d;
--color-aspen-gold-400: #bf9a22;
--color-aspen-gold-500: #ab7f00;
--color-aspen-gold-600: #906c00;
--color-aspen-gold-700: #735600;
--color-aspen-gold-800: #573e00;
--color-aspen-gold-900: #3d2b00;
--color-aspen-gold-950: #261800;
}SCSS
$aspen-gold: #ffd662;
$aspen-gold-rgb: 255, 214, 98;
$aspen-gold-light: mix(#fff, $aspen-gold, 20%);
$aspen-gold-dark: mix(#000, $aspen-gold, 20%);
.element {
color: $aspen-gold;
box-shadow: 0 0 0 2px rgba($aspen-gold, 0.35);
}