最も近い色名 · #EEEFD7
#EEEFD7
最も近い色名: Restful Rain
#EEEFD7（rgb(238 239 215)、hsl(62 43% 89%)、oklch(0.945 0.032 108.9)）に最も近い色名はRestful Rainです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#EEEFD7
oklch(0.945 0.032 108.9)
カラー変換
- HEX
- #eeefd7
- RGB
- rgb(238 239 215)
- HSL
- hsl(62 43% 89%)
- HWB
- hwb(62 84% 6%)
- OKLCH
- oklch(0.945 0.032 108.9)
- OKLab
- oklab(0.945 -0.01 0.03)
- CIE Lab
- lab(93.89 -3.36 11.54)
- LCH
- lch(93.89 12.02 106.3)
- CMYK
- cmyk(0% 0% 10% 6%)
ティント · シェード · トーン
ティント
- F0F1DB
- F1F2DF
- F3F4E3
- F5F5E7
- F6F7EB
- F8F9EF
- FAFAF3
- FCFCF7
- FDFDFB
シェード
- CFD0BB
- B1B19F
- 939485
- 77786B
- 5C5C52
- 42423B
- 2A2A25
- 141411
- 030302
トーン
- E2E3CE
- D7D8C5
- CCCCBC
- C0C1B3
- B5B6AB
- AAABA2
- A0A099
- 959591
- 8A8B88
カラーハーモニー
補色 +180°
- EEEFD7
Restful Rain
- ECEAFF
≈ Placebo Purple
類似色 -30° +30°
- EEEFD7
Restful Rain
- F9EBD6
≈ Milk Tooth
- E3F2DE
≈ Weak Green
トライアド +120° +240°
- EEEFD7
Restful Rain
- D8F2FE
≈ Wizard White
- FEE5F0
≈ Sweetly
スプリットコンプリメンタリー +150° +210°
- EEEFD7
Restful Rain
- E2EEFF
≈ Calcareous Sinter
- F6E7FB
≈ Soft Lavender
テトラード +90° +180° +270°
- EEEFD7
Restful Rain
- D5F4F5
≈ Fishious Rend
- ECEAFF
≈ Placebo Purple
- FFE6E6
≈ Vanilla Strawberry
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.16:1 · APCA Lc 8
Ag
AAA黒の上
WCAG 17.96:1 · APCA Lc 96
最適な文字色: #000000
WCAG 17.96:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--restful-rain: #eeefd7;
--restful-rain-rgb: 238 239 215;
--restful-rain-oklch: oklch(0.945 0.032 108.9);
}
.element {
color: var(--restful-rain);
background-color: hsl(62 43% 89%);
border-color: oklch(0.945 0.032 108.9);
}Tailwind CSS v4
@theme {
--color-restful-rain: #eeefd7;
--color-restful-rain-50: #f5f6ec;
--color-restful-rain-100: #e8e9dd;
--color-restful-rain-200: #d4d6c7;
--color-restful-rain-300: #b8b9a7;
--color-restful-rain-400: #9fa08b;
--color-restful-rain-500: #878870;
--color-restful-rain-600: #73735f;
--color-restful-rain-700: #5c5c4c;
--color-restful-rain-800: #434337;
--color-restful-rain-900: #2f2e25;
--color-restful-rain-950: #1b1b14;
}SCSS
$restful-rain: #eeefd7;
$restful-rain-rgb: 238, 239, 215;
$restful-rain-light: mix(#fff, $restful-rain, 20%);
$restful-rain-dark: mix(#000, $restful-rain, 20%);
.element {
color: $restful-rain;
box-shadow: 0 0 0 2px rgba($restful-rain, 0.35);
}