色名 · #E1C779
Dusky Citron
Dusky Citronは#E1C779：rgb(225 199 121)、hsl(45 63% 68%)、oklch(0.835 0.102 91.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Dusky Citron color name →
#E1C779
oklch(0.835 0.102 91.6)
カラー変換
- HEX
- #e1c779
- RGB
- rgb(225 199 121)
- HSL
- hsl(45 63% 68%)
- HWB
- hwb(45 47% 12%)
- OKLCH
- oklch(0.835 0.102 91.6)
- OKLab
- oklab(0.835 -0.003 0.102)
- CIE Lab
- lab(81.21 1.99 42.39)
- LCH
- lch(81.21 42.44 87.3)
- CMYK
- cmyk(0% 12% 46% 12%)
ティント · シェード · トーン
ティント
- E4CD87
- E7D295
- EAD8A3
- EDDEB1
- F0E3BE
- F3E9CB
- F6EED8
- F9F4E5
- FCFAF2
シェード
- C4AD68
- A79358
- 8B7A48
- 706239
- 564C2B
- 3E361D
- 272110
- 120E05
- 020201
トーン
- D7C07B
- CDB97D
- C3B17E
- B9AA7F
- AFA380
- A69C80
- 9C9580
- 938E80
- 898780
カラーハーモニー
補色 +180°
- E1C779
Dusky Citron
- B5C6FF
≈ Light Periwinkle
類似色 -30° +30°
- E1C779
Dusky Citron
- F9BA83
≈ Baltic Amber
- BED488
≈ Olive Buff
トライアド +120° +240°
- E1C779
Dusky Citron
- 70DBEF
≈ Turquoise Sea
- F0B1E7
≈ Hanami Pink
スプリットコンプリメンタリー +150° +210°
- E1C779
Dusky Citron
- 93D1FF
≈ Long Island Sound
- D4BAFF
≈ Pink Illusion
テトラード +90° +180° +270°
- E1C779
Dusky Citron
- 75DFCD
≈ Shimmering Blue
- B5C6FF
≈ Light Periwinkle
- FFAEC4
≈ Baby’s Blanket
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.66:1 · APCA Lc 29
Ag
AAA黒の上
WCAG 12.64:1 · APCA Lc 74
最適な文字色: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--dusky-citron: #e1c779;
--dusky-citron-rgb: 225 199 121;
--dusky-citron-oklch: oklch(0.835 0.102 91.6);
}
.element {
color: var(--dusky-citron);
background-color: hsl(45 63% 68%);
border-color: oklch(0.835 0.102 91.6);
}Tailwind CSS v4
@theme {
--color-dusky-citron: #e1c779;
--color-dusky-citron-50: #fff5d5;
--color-dusky-citron-100: #f3e8c2;
--color-dusky-citron-200: #e3d4a3;
--color-dusky-citron-300: #c9b77a;
--color-dusky-citron-400: #b49c54;
--color-dusky-citron-500: #9f8327;
--color-dusky-citron-600: #866f23;
--color-dusky-citron-700: #6c591c;
--color-dusky-citron-800: #504012;
--color-dusky-citron-900: #382c0b;
--color-dusky-citron-950: #221901;
}SCSS
$dusky-citron: #e1c779;
$dusky-citron-rgb: 225, 199, 121;
$dusky-citron-light: mix(#fff, $dusky-citron, 20%);
$dusky-citron-dark: mix(#000, $dusky-citron, 20%);
.element {
color: $dusky-citron;
box-shadow: 0 0 0 2px rgba($dusky-citron, 0.35);
}