色名 · #EFE4A5
Boxwood Yellow
Boxwood Yellowは#EFE4A5：rgb(239 228 165)、hsl(51 70% 79%)、oklch(0.913 0.082 99.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Boxwood Yellow color name →
#EFE4A5
oklch(0.913 0.082 99.4)
カラー変換
- HEX
- #efe4a5
- RGB
- rgb(239 228 165)
- HSL
- hsl(51 70% 79%)
- HWB
- hwb(51 65% 6%)
- OKLCH
- oklch(0.913 0.082 99.4)
- OKLab
- oklab(0.913 -0.013 0.08)
- CIE Lab
- lab(90.37 -2.99 32.26)
- LCH
- lch(90.37 32.4 95.3)
- CMYK
- cmyk(0% 5% 31% 6%)
ティント · シェード · トーン
ティント
- F1E7AE
- F2EAB8
- F4ECC1
- F5EFCA
- F7F2D3
- F8F4DC
- FAF7E5
- FCFAED
- FDFCF6
シェード
- D0C68F
- B1A979
- 948D65
- 787251
- 5C583D
- 423F2B
- 2A281A
- 14120A
- 030301
トーン
- E3DAA2
- D8CF9E
- CCC59B
- C1BB97
- B6B194
- ABA790
- A09D8C
- 959388
- 8A8A84
カラーハーモニー
補色 +180°
- EFE4A5
Boxwood Yellow
- DCE0FF
≈ Stoic White
類似色 -30° +30°
- EFE4A5
Boxwood Yellow
- FFDBB4
≈ Three Ring Circus
- D1EEB4
≈ Imbued With Mint
トライアド +120° +240°
- EFE4A5
Boxwood Yellow
- B4EDFF
≈ Ice Effect
- FFD3F0
≈ Shampoo
スプリットコンプリメンタリー +150° +210°
- EFE4A5
Boxwood Yellow
- CDE5FF
≈ Fresh Water
- EDD9FF
≈ Lavender Savour
テトラード +90° +180° +270°
- EFE4A5
Boxwood Yellow
- A1F4EE
≈ Hydro Cannon
- DCE0FF
≈ Stoic White
- FFD6DB
≈ No Need to Blush
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.31:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.31:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--boxwood-yellow: #efe4a5;
--boxwood-yellow-rgb: 239 228 165;
--boxwood-yellow-oklch: oklch(0.913 0.082 99.4);
}
.element {
color: var(--boxwood-yellow);
background-color: hsl(51 70% 79%);
border-color: oklch(0.913 0.082 99.4);
}Tailwind CSS v4
@theme {
--color-boxwood-yellow: #efe4a5;
--color-boxwood-yellow-50: #faf6dc;
--color-boxwood-yellow-100: #ede9cb;
--color-boxwood-yellow-200: #dbd6ae;
--color-boxwood-yellow-300: #c0b989;
--color-boxwood-yellow-400: #aaa067;
--color-boxwood-yellow-500: #938744;
--color-boxwood-yellow-600: #7c723a;
--color-boxwood-yellow-700: #645c2e;
--color-boxwood-yellow-800: #4a4320;
--color-boxwood-yellow-900: #332e15;
--color-boxwood-yellow-950: #1f1b06;
}SCSS
$boxwood-yellow: #efe4a5;
$boxwood-yellow-rgb: 239, 228, 165;
$boxwood-yellow-light: mix(#fff, $boxwood-yellow, 20%);
$boxwood-yellow-dark: mix(#000, $boxwood-yellow, 20%);
.element {
color: $boxwood-yellow;
box-shadow: 0 0 0 2px rgba($boxwood-yellow, 0.35);
}