色名 · #D7E7DA
Toadstool Dot
Toadstool Dotは#D7E7DA：rgb(215 231 218)、hsl(131 25% 87%)、oklch(0.912 0.024 151.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Toadstool Dot color name →
#D7E7DA
oklch(0.912 0.024 151.2)
カラー変換
- HEX
- #d7e7da
- RGB
- rgb(215 231 218)
- HSL
- hsl(131 25% 87%)
- HWB
- hwb(131 84% 9%)
- OKLCH
- oklch(0.912 0.024 151.2)
- OKLab
- oklab(0.912 -0.021 0.012)
- CIE Lab
- lab(90.16 -7.29 4.43)
- LCH
- lch(90.16 8.53 148.7)
- CMYK
- cmyk(7% 0% 6% 9%)
ティント · シェード · トーン
ティント
- DBE9DE
- DFECE1
- E3EEE5
- E7F1E9
- EBF3EC
- EFF5F0
- F3F8F4
- F7FAF8
- FBFDFB
シェード
- BBC9BD
- 9FABA2
- 858F87
- 6B736C
- 525954
- 3B403C
- 252825
- 111311
- 020302
トーン
- CEDCD1
- C5D2C7
- BCC7BE
- B3BCB5
- ABB2AC
- A2A8A3
- 999E9A
- 919491
- 888A89
カラーハーモニー
補色 +180°
- D7E7DA
Toadstool Dot
- ECDCEA
≈ Elfin Magic
類似色 -30° +30°
- D7E7DA
Toadstool Dot
- DFE5D3
≈ Greening
- D2E8E3
≈ Aqua Glass
トライアド +120° +240°
- D7E7DA
Toadstool Dot
- DCE2F3
≈ Vaguely Violet
- F2DDD8
≈ Cosy Cottage
スプリットコンプリメンタリー +150° +210°
- D7E7DA
Toadstool Dot
- E5DFF0
≈ Lingering Lilac
- F1DCE1
≈ Piggyback
テトラード +90° +180° +270°
- D7E7DA
Toadstool Dot
- D4E5F1
≈ Snowdrift Glow
- ECDCEA
≈ Elfin Magic
- EFDFD2
≈ Nearly Peach
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.33:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.33:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--toadstool-dot: #d7e7da;
--toadstool-dot-rgb: 215 231 218;
--toadstool-dot-oklch: oklch(0.912 0.024 151.2);
}
.element {
color: var(--toadstool-dot);
background-color: hsl(131 25% 87%);
border-color: oklch(0.912 0.024 151.2);
}Tailwind CSS v4
@theme {
--color-toadstool-dot: #d7e7da;
--color-toadstool-dot-50: #f0f7f2;
--color-toadstool-dot-100: #e2eae4;
--color-toadstool-dot-200: #cdd7cf;
--color-toadstool-dot-300: #aebbb2;
--color-toadstool-dot-400: #95a397;
--color-toadstool-dot-500: #7b8b7e;
--color-toadstool-dot-600: #68766b;
--color-toadstool-dot-700: #535e55;
--color-toadstool-dot-800: #3d453e;
--color-toadstool-dot-900: #2a302b;
--color-toadstool-dot-950: #171c18;
}SCSS
$toadstool-dot: #d7e7da;
$toadstool-dot-rgb: 215, 231, 218;
$toadstool-dot-light: mix(#fff, $toadstool-dot, 20%);
$toadstool-dot-dark: mix(#000, $toadstool-dot, 20%);
.element {
color: $toadstool-dot;
box-shadow: 0 0 0 2px rgba($toadstool-dot, 0.35);
}