色名 · #E0EED4
Spring Wheat
Spring Wheatは#E0EED4：rgb(224 238 212)、hsl(92 43% 88%)、oklch(0.932 0.038 130.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Spring Wheat color name →
#E0EED4
oklch(0.932 0.038 130.4)
カラー変換
- HEX
- #e0eed4
- RGB
- rgb(224 238 212)
- HSL
- hsl(92 43% 88%)
- HWB
- hwb(92 83% 7%)
- OKLCH
- oklch(0.932 0.038 130.4)
- OKLab
- oklab(0.932 -0.024 0.029)
- CIE Lab
- lab(92.52 -8.22 10.97)
- LCH
- lch(92.52 13.71 126.9)
- CMYK
- cmyk(6% 0% 11% 7%)
ティント · シェード · トーン
ティント
- E3F0D8
- E6F1DD
- E9F3E1
- ECF5E5
- EFF7E9
- F3F8EE
- F6FAF2
- F9FCF6
- FCFDFB
シェード
- C3CFB8
- A6B19D
- 8A9383
- 707769
- 565C51
- 3E423A
- 272A24
- 121410
- 020302
トーン
- D6E2CB
- CCD7C3
- C2CCBA
- B8C1B2
- AFB5A9
- A5ABA1
- 9CA098
- 929590
- 898A88
カラーハーモニー
補色 +180°
- E0EED4
Spring Wheat
- F0E2FC
≈ Minute Mauve
類似色 -30° +30°
- E0EED4
Spring Wheat
- EEEACD
≈ Floating Lily
- D4F1E0
≈ Pastel Jade
トライアド +120° +240°
- E0EED4
Spring Wheat
- D8EBFF
≈ Cloudless
- FFDFE3
≈ Sweet Mallow
スプリットコンプリメンタリー +150° +210°
- E0EED4
Spring Wheat
- E4E7FF
≈ Cyber Lavender
- FBDFF0
≈ Pale Blossom
テトラード +90° +180° +270°
- E0EED4
Spring Wheat
- CEEFFA
≈ Blue Hijab
- F0E2FC
≈ Minute Mauve
- FFE1D7
≈ Peach Cloud
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.21:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.34:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.34:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--spring-wheat: #e0eed4;
--spring-wheat-rgb: 224 238 212;
--spring-wheat-oklch: oklch(0.932 0.038 130.4);
}
.element {
color: var(--spring-wheat);
background-color: hsl(92 43% 88%);
border-color: oklch(0.932 0.038 130.4);
}Tailwind CSS v4
@theme {
--color-spring-wheat: #e0eed4;
--color-spring-wheat-50: #f1f8ed;
--color-spring-wheat-100: #e3ebde;
--color-spring-wheat-200: #ced8c8;
--color-spring-wheat-300: #b0bca8;
--color-spring-wheat-400: #97a38c;
--color-spring-wheat-500: #7e8c72;
--color-spring-wheat-600: #6b7660;
--color-spring-wheat-700: #555e4d;
--color-spring-wheat-800: #3e4537;
--color-spring-wheat-900: #2b3026;
--color-spring-wheat-950: #181c14;
}SCSS
$spring-wheat: #e0eed4;
$spring-wheat-rgb: 224, 238, 212;
$spring-wheat-light: mix(#fff, $spring-wheat, 20%);
$spring-wheat-dark: mix(#000, $spring-wheat, 20%);
.element {
color: $spring-wheat;
box-shadow: 0 0 0 2px rgba($spring-wheat, 0.35);
}