最も近い色名 · #82E7DF
#82E7DF
最も近い色名: Near Moon
#82E7DF（rgb(130 231 223)、hsl(175 68% 71%)、oklch(0.864 0.096 188.9)）に最も近い色名はNear Moonです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#82E7DF
oklch(0.864 0.096 188.9)
カラー変換
- HEX
- #82e7df
- RGB
- rgb(130 231 223)
- HSL
- hsl(175 68% 71%)
- HWB
- hwb(175 51% 9%)
- OKLCH
- oklch(0.864 0.096 188.9)
- OKLab
- oklab(0.864 -0.095 -0.015)
- CIE Lab
- lab(85.37 -32.39 -5.84)
- LCH
- lch(85.37 32.91 190.2)
- CMYK
- cmyk(44% 0% 3% 9%)
ティント · シェード · トーン
ティント
- 91EAE2
- 9FECE5
- ACEFE9
- B9F1EC
- C5F4EF
- D1F6F2
- DDF8F5
- E8FBF9
- F4FDFC
シェード
- 70C9C2
- 5FABA5
- 4E8F8A
- 3E736F
- 2F5956
- 20403D
- 122827
- 061312
- 010302
トーン
- 84DCD5
- 85D2CB
- 86C7C2
- 86BDB8
- 86B3AE
- 86A8A5
- 859E9B
- 839492
- 828A89
カラーハーモニー
補色 +180°
- 82E7DF
Near Moon
- FFBFC8
≈ Love Affair
類似色 -30° +30°
- 82E7DF
Near Moon
- 9BE6BC
≈ Teal Deer
- 85E2FD
≈ Tranquil Pool
トライアド +120° +240°
- 82E7DF
Near Moon
- E3C3FF
≈ Jane Purple
- FCC78D
≈ Sicilian Villa
スプリットコンプリメンタリー +150° +210°
- 82E7DF
Near Moon
- FDBAE7
≈ Pink Quartz
- FFC2AE
≈ Gadabout
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.45:1 · APCA Lc 21
Ag
AAA黒の上
WCAG 14.44:1 · APCA Lc 82
最適な文字色: #000000
WCAG 14.44:1 (AAA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--near-moon: #82e7df;
--near-moon-rgb: 130 231 223;
--near-moon-oklch: oklch(0.864 0.096 188.9);
}
.element {
color: var(--near-moon);
background-color: hsl(175 68% 71%);
border-color: oklch(0.864 0.096 188.9);
}Tailwind CSS v4
@theme {
--color-near-moon: #82e7df;
--color-near-moon-50: #d7fffc;
--color-near-moon-100: #c4f3ef;
--color-near-moon-200: #a5e2de;
--color-near-moon-300: #7ac7c3;
--color-near-moon-400: #51b1aa;
--color-near-moon-500: #0d9a93;
--color-near-moon-600: #14827c;
--color-near-moon-700: #116863;
--color-near-moon-800: #0a4d48;
--color-near-moon-900: #073532;
--color-near-moon-950: #00201e;
}SCSS
$near-moon: #82e7df;
$near-moon-rgb: 130, 231, 223;
$near-moon-light: mix(#fff, $near-moon, 20%);
$near-moon-dark: mix(#000, $near-moon, 20%);
.element {
color: $near-moon;
box-shadow: 0 0 0 2px rgba($near-moon, 0.35);
}