色名 · #D7EFDE
Pondscape
Pondscapeは#D7EFDE：rgb(215 239 222)、hsl(138 43% 89%)、oklch(0.93 0.034 154.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Pondscape color name →
#D7EFDE
oklch(0.93 0.034 154.8)
カラー変換
- HEX
- #d7efde
- RGB
- rgb(215 239 222)
- HSL
- hsl(138 43% 89%)
- HWB
- hwb(138 84% 6%)
- OKLCH
- oklch(0.93 0.034 154.8)
- OKLab
- oklab(0.93 -0.031 0.014)
- CIE Lab
- lab(92.32 -10.52 5.44)
- LCH
- lch(92.32 11.84 152.7)
- CMYK
- cmyk(10% 0% 7% 6%)
ティント · シェード · トーン
ティント
- DBF1E1
- DFF2E5
- E3F4E8
- E7F5EB
- EBF7EE
- EFF9F2
- F3FAF5
- F7FCF8
- FBFDFC
シェード
- BBD0C1
- 9FB1A5
- 859489
- 6B786F
- 525C55
- 3B423D
- 252A26
- 111412
- 020302
トーン
- CEE3D4
- C5D8CA
- BCCCC1
- B3C1B7
- ABB6AE
- A2ABA4
- 99A09B
- 919592
- 888B89
カラーハーモニー
補色 +180°
- D7EFDE
Pondscape
- F7E0F1
≈ Pale Blossom
類似色 -30° +30°
- D7EFDE
Pondscape
- E2ECD4
≈ Misted Fern
- D0F0EB
≈ Teal Ice
トライアド +120° +240°
- D7EFDE
Pondscape
- E1E7FF
≈ Lavender Mist
- FEE0D9
≈ Red Shimmer
スプリットコンプリメンタリー +150° +210°
- D7EFDE
Pondscape
- EDE3FB
≈ Minute Mauve
- FDDFE5
≈ Pink Pleasure
テトラード +90° +180° +270°
- D7EFDE
Pondscape
- D6EBFE
≈ Cloudless
- F7E0F1
≈ Pale Blossom
- F8E4D1
≈ Touch of Topaz
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.21:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.29:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.29:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--pondscape: #d7efde;
--pondscape-rgb: 215 239 222;
--pondscape-oklch: oklch(0.93 0.034 154.8);
}
.element {
color: var(--pondscape);
background-color: hsl(138 43% 89%);
border-color: oklch(0.93 0.034 154.8);
}Tailwind CSS v4
@theme {
--color-pondscape: #d7efde;
--color-pondscape-50: #eef8f1;
--color-pondscape-100: #dfebe3;
--color-pondscape-200: #c9d9ce;
--color-pondscape-300: #aabdb0;
--color-pondscape-400: #8fa596;
--color-pondscape-500: #758d7c;
--color-pondscape-600: #637769;
--color-pondscape-700: #4f6054;
--color-pondscape-800: #3a463d;
--color-pondscape-900: #28302a;
--color-pondscape-950: #161d17;
}SCSS
$pondscape: #d7efde;
$pondscape-rgb: 215, 239, 222;
$pondscape-light: mix(#fff, $pondscape, 20%);
$pondscape-dark: mix(#000, $pondscape, 20%);
.element {
color: $pondscape;
box-shadow: 0 0 0 2px rgba($pondscape, 0.35);
}