色名 · #E5EECC
Water Sprout
Water Sproutは#E5EECC：rgb(229 238 204)、hsl(76 50% 87%)、oklch(0.933 0.046 119.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Water Sprout color name →
#E5EECC
oklch(0.933 0.046 119.3)
カラー変換
- HEX
- #e5eecc
- RGB
- rgb(229 238 204)
- HSL
- hsl(76 50% 87%)
- HWB
- hwb(76 80% 7%)
- OKLCH
- oklch(0.933 0.046 119.3)
- OKLab
- oklab(0.933 -0.022 0.04)
- CIE Lab
- lab(92.75 -7.41 15.46)
- LCH
- lch(92.75 17.14 115.6)
- CMYK
- cmyk(4% 0% 14% 7%)
ティント · シェード · トーン
ティント
- E8F0D1
- EAF1D6
- EDF3DB
- EFF5E0
- F2F7E6
- F4F8EB
- F7FAF0
- FAFCF5
- FCFDFA
シェード
- C7CFB1
- AAB197
- 8E937E
- 727765
- 585C4E
- 3F4237
- 282A22
- 12140F
- 030302
トーン
- DAE2C4
- D0D7BC
- C6CCB5
- BBC1AD
- B1B6A5
- A7AB9E
- 9DA096
- 93958F
- 8A8A87
カラーハーモニー
補色 +180°
- E5EECC
Water Sprout
- ECE4FF
≈ Lavender Mist
類似色 -30° +30°
- E5EECC
Water Sprout
- F5E8C7
≈ Summer Sunshine
- D5F2D9
≈ Light Carolina
トライアド +120° +240°
- E5EECC
Water Sprout
- D4EDFF
≈ Ice Castle
- FFDFE8
≈ Baby Girl
スプリットコンプリメンタリー +150° +210°
- E5EECC
Water Sprout
- E0E9FF
≈ Glitter
- FBDFF8
≈ Silky Pink
テトラード +90° +180° +270°
- E5EECC
Water Sprout
- C7F2FA
≈ Heaven’s Gate
- ECE4FF
≈ Lavender Mist
- FFE1DC
≈ Red Shimmer
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.20:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.43:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.43:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--water-sprout: #e5eecc;
--water-sprout-rgb: 229 238 204;
--water-sprout-oklch: oklch(0.933 0.046 119.3);
}
.element {
color: var(--water-sprout);
background-color: hsl(76 50% 87%);
border-color: oklch(0.933 0.046 119.3);
}Tailwind CSS v4
@theme {
--color-water-sprout: #e5eecc;
--color-water-sprout-50: #f3f7e9;
--color-water-sprout-100: #e5ebda;
--color-water-sprout-200: #d1d8c2;
--color-water-sprout-300: #b3bba2;
--color-water-sprout-400: #9ba385;
--color-water-sprout-500: #828b69;
--color-water-sprout-600: #6e7659;
--color-water-sprout-700: #585e47;
--color-water-sprout-800: #414533;
--color-water-sprout-900: #2d2f22;
--color-water-sprout-950: #1a1c12;
}SCSS
$water-sprout: #e5eecc;
$water-sprout-rgb: 229, 238, 204;
$water-sprout-light: mix(#fff, $water-sprout, 20%);
$water-sprout-dark: mix(#000, $water-sprout, 20%);
.element {
color: $water-sprout;
box-shadow: 0 0 0 2px rgba($water-sprout, 0.35);
}