色名 · #EFCC5B
Vault-Tec Yellow
Vault-Tec Yellowは#EFCC5B：rgb(239 204 91)、hsl(46 82% 65%)、oklch(0.854 0.136 92)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Vault-Tec Yellow color name →
#EFCC5B
oklch(0.854 0.136 92)
カラー変換
- HEX
- #efcc5b
- RGB
- rgb(239 204 91)
- HSL
- hsl(46 82% 65%)
- HWB
- hwb(46 36% 6%)
- OKLCH
- oklch(0.854 0.136 92)
- OKLab
- oklab(0.854 -0.005 0.136)
- CIE Lab
- lab(83.51 3.54 59.45)
- LCH
- lch(83.51 59.56 86.6)
- CMYK
- cmyk(0% 15% 62% 6%)
ティント · シェード · トーン
ティント
- F1D16F
- F2D782
- F4DC93
- F5E1A3
- F7E6B3
- F9EBC3
- FAF0D2
- FCF5E1
- FDFAF0
シェード
- D0B14E
- B19741
- 947E35
- 786529
- 5C4E1E
- 423713
- 2A2209
- 140F03
- 030200
トーン
- E3C462
- D8BD68
- CCB56D
- C1AE72
- B6A675
- AB9E78
- A0977B
- 958F7D
- 8B887F
カラーハーモニー
補色 +180°
- EFCC5B
Vault-Tec Yellow
- BECDFF
≈ Light Periwinkle
類似色 -30° +30°
- EFCC5B
Vault-Tec Yellow
- FFC08A
≈ Orange Mousse
- C0DD74
≈ Citrus Lime
トライアド +120° +240°
- EFCC5B
Vault-Tec Yellow
- 54E5FF
≈ Shimmering Expanse Cyan
- FFB1F3
≈ Pink Apotheosis
スプリットコンプリメンタリー +150° +210°
- EFCC5B
Vault-Tec Yellow
- A1D6FF
≈ Malmö FF
- D9C2FF
≈ Neon Boneyard
テトラード +90° +180° +270°
- EFCC5B
Vault-Tec Yellow
- 47ECD6
≈ Frozen Boubble
- BECDFF
≈ Light Periwinkle
- FFB8CB
≈ Tentacle Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.56:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.45:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.45:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--vault-tec-yellow: #efcc5b;
--vault-tec-yellow-rgb: 239 204 91;
--vault-tec-yellow-oklch: oklch(0.854 0.136 92);
}
.element {
color: var(--vault-tec-yellow);
background-color: hsl(46 82% 65%);
border-color: oklch(0.854 0.136 92);
}Tailwind CSS v4
@theme {
--color-vault-tec-yellow: #efcc5b;
--color-vault-tec-yellow-50: #fff5ca;
--color-vault-tec-yellow-100: #f7e8b4;
--color-vault-tec-yellow-200: #e7d490;
--color-vault-tec-yellow-300: #ceb661;
--color-vault-tec-yellow-400: #bb9b2b;
--color-vault-tec-yellow-500: #a78100;
--color-vault-tec-yellow-600: #8d6d00;
--color-vault-tec-yellow-700: #715800;
--color-vault-tec-yellow-800: #553f00;
--color-vault-tec-yellow-900: #3b2b00;
--color-vault-tec-yellow-950: #251900;
}SCSS
$vault-tec-yellow: #efcc5b;
$vault-tec-yellow-rgb: 239, 204, 91;
$vault-tec-yellow-light: mix(#fff, $vault-tec-yellow, 20%);
$vault-tec-yellow-dark: mix(#000, $vault-tec-yellow, 20%);
.element {
color: $vault-tec-yellow;
box-shadow: 0 0 0 2px rgba($vault-tec-yellow, 0.35);
}