最も近い色名 · #D3ECDD
#D3ECDD
最も近い色名: Splashdown
#D3ECDD（rgb(211 236 221)、hsl(144 40% 88%)、oklch(0.921 0.033 159.4)）に最も近い色名はSplashdownです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D3ECDD
oklch(0.921 0.033 159.4)
カラー変換
- HEX
- #d3ecdd
- RGB
- rgb(211 236 221)
- HSL
- hsl(144 40% 88%)
- HWB
- hwb(144 83% 7%)
- OKLCH
- oklch(0.921 0.033 159.4)
- OKLab
- oklab(0.921 -0.031 0.012)
- CIE Lab
- lab(91.24 -10.62 4.36)
- LCH
- lch(91.24 11.48 157.7)
- CMYK
- cmyk(11% 0% 6% 7%)
ティント · シェード · トーン
ティント
- D7EEE0
- DCF0E4
- E0F2E7
- E5F4EB
- E9F6EE
- EDF7F1
- F2F9F5
- F6FBF8
- FBFDFC
シェード
- B7CDC0
- 9CAFA4
- 829288
- 69766E
- 515B55
- 3A423D
- 242926
- 101311
- 020302
トーン
- CAE1D3
- C2D5CA
- B9CAC0
- B1BFB7
- A9B5AD
- A0AAA4
- 989F9B
- 909592
- 888A89
カラーハーモニー
補色 +180°
- D3ECDD
Splashdown
- F5DDEC
≈ Ranunculus White
類似色 -30° +30°
- D3ECDD
Splashdown
- DEEAD3
≈ Mediterranean Green
- CDECE9
≈ Icy Blue
トライアド +120° +240°
- D3ECDD
Splashdown
- E0E3FB
≈ Lavender Mist
- FADED5
≈ Peony Prize
スプリットコンプリメンタリー +150° +210°
- D3ECDD
Splashdown
- EBDFF6
≈ Divine Dove
- FADCE0
≈ Carousel Pink
テトラード +90° +180° +270°
- D3ECDD
Splashdown
- D5E7FB
≈ Cloudless
- F5DDEC
≈ Ranunculus White
- F4E1CE
≈ Fondant
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.24:1 · APCA Lc 12
Ag
AAA黒の上
WCAG 16.81:1 · APCA Lc 92
最適な文字色: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--splashdown: #d3ecdd;
--splashdown-rgb: 211 236 221;
--splashdown-oklch: oklch(0.921 0.033 159.4);
}
.element {
color: var(--splashdown);
background-color: hsl(144 40% 88%);
border-color: oklch(0.921 0.033 159.4);
}Tailwind CSS v4
@theme {
--color-splashdown: #d3ecdd;
--color-splashdown-50: #edf8f2;
--color-splashdown-100: #dfebe4;
--color-splashdown-200: #c9d9d0;
--color-splashdown-300: #a9bdb2;
--color-splashdown-400: #8ea597;
--color-splashdown-500: #748d7e;
--color-splashdown-600: #62786b;
--color-splashdown-700: #4e6056;
--color-splashdown-800: #39463e;
--color-splashdown-900: #27302b;
--color-splashdown-950: #151d18;
}SCSS
$splashdown: #d3ecdd;
$splashdown-rgb: 211, 236, 221;
$splashdown-light: mix(#fff, $splashdown, 20%);
$splashdown-dark: mix(#000, $splashdown, 20%);
.element {
color: $splashdown;
box-shadow: 0 0 0 2px rgba($splashdown, 0.35);
}