色名 · #E9D988
Tomatillo
Tomatilloは#E9D988：rgb(233 217 136)、hsl(50 69% 72%)、oklch(0.881 0.103 98.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Tomatillo color name →
#E9D988
oklch(0.881 0.103 98.4)
カラー変換
- HEX
- #e9d988
- RGB
- rgb(233 217 136)
- HSL
- hsl(50 69% 72%)
- HWB
- hwb(50 53% 9%)
- OKLCH
- oklch(0.881 0.103 98.4)
- OKLab
- oklab(0.881 -0.015 0.102)
- CIE Lab
- lab(86.68 -2.46 41.91)
- LCH
- lch(86.68 41.98 93.4)
- CMYK
- cmyk(0% 7% 42% 9%)
ティント · シェード · トーン
ティント
- EBDD95
- EDE1A1
- EFE5AE
- F2E9BA
- F4ECC5
- F6F0D1
- F8F4DD
- FAF8E8
- FDFBF4
シェード
- CBBC75
- ADA163
- 908652
- 746C41
- 5A5331
- 413B22
- 292513
- 131106
- 030201
トーン
- DED088
- D3C788
- C8BE88
- BEB587
- B3AC87
- A8A386
- 9E9A85
- 949183
- 8A8982
カラーハーモニー
補色 +180°
- E9D988
Tomatillo
- CED5FF
≈ Pale Phthalo Blue
類似色 -30° +30°
- E9D988
Tomatillo
- FFCD98
≈ Peach Orange
- C3E59C
≈ Field Day
トライアド +120° +240°
- E9D988
Tomatillo
- 92E6FF
≈ Winter Wizard
- FFC2EC
≈ Pretty in Pink
スプリットコンプリメンタリー +150° +210°
- E9D988
Tomatillo
- B9DCFF
≈ Broad Daylight
- E6CBFF
≈ Lens Flare Pink
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.42:1 · APCA Lc 20
Ag
AAA黒の上
WCAG 14.74:1 · APCA Lc 83
最適な文字色: #000000
WCAG 14.74:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--tomatillo: #e9d988;
--tomatillo-rgb: 233 217 136;
--tomatillo-oklch: oklch(0.881 0.103 98.4);
}
.element {
color: var(--tomatillo);
background-color: hsl(50 69% 72%);
border-color: oklch(0.881 0.103 98.4);
}Tailwind CSS v4
@theme {
--color-tomatillo: #e9d988;
--color-tomatillo-50: #fbf7d5;
--color-tomatillo-100: #efe9c2;
--color-tomatillo-200: #ded6a3;
--color-tomatillo-300: #c3b97b;
--color-tomatillo-400: #ae9f54;
--color-tomatillo-500: #988627;
--color-tomatillo-600: #807224;
--color-tomatillo-700: #675b1c;
--color-tomatillo-800: #4d4212;
--color-tomatillo-900: #352e0b;
--color-tomatillo-950: #211a01;
}SCSS
$tomatillo: #e9d988;
$tomatillo-rgb: 233, 217, 136;
$tomatillo-light: mix(#fff, $tomatillo, 20%);
$tomatillo-dark: mix(#000, $tomatillo, 20%);
.element {
color: $tomatillo;
box-shadow: 0 0 0 2px rgba($tomatillo, 0.35);
}