色名 · #BAB078
Gracious Glow
Gracious Glowは#BAB078：rgb(186 176 120)、hsl(51 32% 60%)、oklch(0.752 0.075 99.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Gracious Glow color name →
#BAB078
oklch(0.752 0.075 99.3)
カラー変換
- HEX
- #bab078
- RGB
- rgb(186 176 120)
- HSL
- hsl(51 32% 60%)
- HWB
- hwb(51 47% 27%)
- OKLCH
- oklch(0.752 0.075 99.3)
- OKLab
- oklab(0.752 -0.012 0.074)
- CIE Lab
- lab(71.68 -2.51 30.09)
- LCH
- lch(71.68 30.19 94.8)
- CMYK
- cmyk(0% 5% 35% 27%)
ティント · シェード · トーン
ティント
- C1B886
- C7C093
- CEC7A0
- D5CFAE
- DCD7BB
- E3DFC9
- EAE7D6
- F1EFE4
- F8F7F1
シェード
- A19967
- 898257
- 726C48
- 5C5639
- 46422A
- 322E1D
- 1E1C10
- 0D0B05
- 020101
トーン
- B4AB79
- AEA67B
- A8A27C
- A29D7D
- 9C987E
- 97937E
- 918E7F
- 8B8A7F
- 868580
カラーハーモニー
補色 +180°
- BAB078
Gracious Glow
- A4AADE
≈ Childish Wonder
類似色 -30° +30°
- BAB078
Gracious Glow
- CEA67A
≈ City Sunrise
- A0B986
≈ Glendale
トライアド +120° +240°
- BAB078
Gracious Glow
- 76BACF
≈ Blue Chrysocolla
- CF9CBE
≈ Peach Buff
スプリットコンプリメンタリー +150° +210°
- BAB078
Gracious Glow
- 8AB3DD
≈ Dun Morogh Blue
- BDA2D3
≈ Purple Premiere
テトラード +90° +180° +270°
- BAB078
Gracious Glow
- 73BEB8
≈ Polished Aqua
- A4AADE
≈ Childish Wonder
- D99BA4
≈ Glamour
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.19:1 · APCA Lc 43
Ag
AAA黒の上
WCAG 9.56:1 · APCA Lc 59
最適な文字色: #000000
WCAG 9.56:1 (AAA) · APCA Lc 59
Contrast pairs
コードスニペット
CSS
:root {
--gracious-glow: #bab078;
--gracious-glow-rgb: 186 176 120;
--gracious-glow-oklch: oklch(0.752 0.075 99.3);
}
.element {
color: var(--gracious-glow);
background-color: hsl(51 32% 60%);
border-color: oklch(0.752 0.075 99.3);
}Tailwind CSS v4
@theme {
--color-gracious-glow: #bab078;
--color-gracious-glow-50: #f9f6de;
--color-gracious-glow-100: #ede9cd;
--color-gracious-glow-200: #dbd6b1;
--color-gracious-glow-300: #bfb98d;
--color-gracious-glow-400: #a9a06b;
--color-gracious-glow-500: #92874a;
--color-gracious-glow-600: #7c723f;
--color-gracious-glow-700: #635c32;
--color-gracious-glow-800: #4a4323;
--color-gracious-glow-900: #332e17;
--color-gracious-glow-950: #1f1b08;
}SCSS
$gracious-glow: #bab078;
$gracious-glow-rgb: 186, 176, 120;
$gracious-glow-light: mix(#fff, $gracious-glow, 20%);
$gracious-glow-dark: mix(#000, $gracious-glow, 20%);
.element {
color: $gracious-glow;
box-shadow: 0 0 0 2px rgba($gracious-glow, 0.35);
}