最も近い色名 · #E4C69B
#E4C69B
最も近い色名: Golden Talisman
#E4C69B（rgb(228 198 155)、hsl(35 57% 75%)、oklch(0.842 0.066 76.6)）に最も近い色名はGolden Talismanです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E4C69B
oklch(0.842 0.066 76.6)
カラー変換
- HEX
- #e4c69b
- RGB
- rgb(228 198 155)
- HSL
- hsl(35 57% 75%)
- HWB
- hwb(35 61% 11%)
- OKLCH
- oklch(0.842 0.066 76.6)
- OKLab
- oklab(0.842 0.015 0.064)
- CIE Lab
- lab(81.69 6.41 25.74)
- LCH
- lch(81.69 26.52 76)
- CMYK
- cmyk(0% 13% 32% 11%)
ティント · シェード · トーン
ティント
- E7CCA5
- EAD1AF
- ECD7B9
- EFDDC3
- F2E2CD
- F4E8D7
- F7EEE1
- FAF4EB
- FCF9F5
シェード
- C6AC86
- A99272
- 8D7A5E
- 72624B
- 584B39
- 3F3528
- 282118
- 120E09
- 030201
トーン
- DABF99
- CFB896
- C5B194
- BBAA91
- B1A38E
- A79C8C
- 9D9589
- 938E86
- 8A8783
カラーハーモニー
補色 +180°
- E4C69B
Golden Talisman
- B0CDF6
≈ Ice Cold Stare
類似色 -30° +30°
- E4C69B
Golden Talisman
- F0BFA7
≈ Soft Orange
- D0CF9D
≈ Calming Effect
トライアド +120° +240°
- E4C69B
Golden Talisman
- 97D9D9
≈ Mini Blue
- DDBEE8
≈ Beefy Pink
スプリットコンプリメンタリー +150° +210°
- E4C69B
Golden Talisman
- 9DD5ED
≈ Over the Sky
- C7C5F5
≈ Light Periwinkle
テトラード +90° +180° +270°
- E4C69B
Golden Talisman
- A2D9C2
≈ Isabella’s Aqua
- B0CDF6
≈ Ice Cold Stare
- ECBAD4
≈ Sweet Taffy
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.63:1 · APCA Lc 28
Ag
AAA黒の上
WCAG 12.84:1 · APCA Lc 75
最適な文字色: #000000
WCAG 12.84:1 (AAA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--golden-talisman: #e4c69b;
--golden-talisman-rgb: 228 198 155;
--golden-talisman-oklch: oklch(0.842 0.066 76.6);
}
.element {
color: var(--golden-talisman);
background-color: hsl(35 57% 75%);
border-color: oklch(0.842 0.066 76.6);
}Tailwind CSS v4
@theme {
--color-golden-talisman: #e4c69b;
--color-golden-talisman-50: #fff3e1;
--color-golden-talisman-100: #f4e6d0;
--color-golden-talisman-200: #e4d1b5;
--color-golden-talisman-300: #cab492;
--color-golden-talisman-400: #b59a72;
--color-golden-talisman-500: #9f8053;
--color-golden-talisman-600: #876d47;
--color-golden-talisman-700: #6c5738;
--color-golden-talisman-800: #503f28;
--color-golden-talisman-900: #382b1b;
--color-golden-talisman-950: #22190b;
}SCSS
$golden-talisman: #e4c69b;
$golden-talisman-rgb: 228, 198, 155;
$golden-talisman-light: mix(#fff, $golden-talisman, 20%);
$golden-talisman-dark: mix(#000, $golden-talisman, 20%);
.element {
color: $golden-talisman;
box-shadow: 0 0 0 2px rgba($golden-talisman, 0.35);
}