最も近い色名 · #9ED7C0
#9ED7C0
最も近い色名: Wintermint
#9ED7C0（rgb(158 215 192)、hsl(156 42% 73%)、oklch(0.833 0.067 167.9)）に最も近い色名はWintermintです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9ED7C0
oklch(0.833 0.067 167.9)
カラー変換
- HEX
- #9ed7c0
- RGB
- rgb(158 215 192)
- HSL
- hsl(156 42% 73%)
- HWB
- hwb(156 62% 16%)
- OKLCH
- oklch(0.833 0.067 167.9)
- OKLab
- oklab(0.833 -0.066 0.014)
- CIE Lab
- lab(81.58 -22.61 5.18)
- LCH
- lch(81.58 23.2 167.1)
- CMYK
- cmyk(27% 0% 11% 16%)
ティント · シェード · トーン
ティント
- A8DBC6
- B2DFCC
- BCE3D3
- C6E7D9
- CFEBDF
- D9EFE5
- E2F3EC
- ECF7F2
- F5FBF9
シェード
- 89BBA7
- 749F8E
- 608576
- 4D6B5F
- 3A5249
- 293B34
- 182520
- 09110E
- 010202
トーン
- 9BCEB9
- 99C5B3
- 96BCAC
- 93B3A6
- 90AB9F
- 8DA299
- 8A9993
- 87918C
- 838886
カラーハーモニー
補色 +180°
- 9ED7C0
Wintermint
- EAB7D0
≈ Sweet Lilac
類似色 -30° +30°
- 9ED7C0
Wintermint
- B4D3A9
≈ Flower Stem
- 94D6D8
≈ Mini Blue
トライアド +120° +240°
- 9ED7C0
Wintermint
- C5C2F2
≈ Vodka
- EEBCA3
≈ Antique Cameo
スプリットコンプリメンタリー +150° +210°
- 9ED7C0
Wintermint
- DBBBE5
≈ Romantic Morning
- F1B7B8
≈ Old Flame
テトラード +90° +180° +270°
- 9ED7C0
Wintermint
- AECAF5
≈ Blossom Blue
- EAB7D0
≈ Sweet Lilac
- E1C498
≈ Corn Chowder
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.62:1 · APCA Lc 28
Ag
AAA黒の上
WCAG 12.93:1 · APCA Lc 75
最適な文字色: #000000
WCAG 12.93:1 (AAA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--wintermint: #9ed7c0;
--wintermint-rgb: 158 215 192;
--wintermint-oklch: oklch(0.833 0.067 167.9);
}
.element {
color: var(--wintermint);
background-color: hsl(156 42% 73%);
border-color: oklch(0.833 0.067 167.9);
}Tailwind CSS v4
@theme {
--color-wintermint: #9ed7c0;
--color-wintermint-50: #e3fcf2;
--color-wintermint-100: #d3f0e4;
--color-wintermint-200: #b9ded0;
--color-wintermint-300: #96c3b2;
--color-wintermint-400: #77ac97;
--color-wintermint-500: #57957e;
--color-wintermint-600: #4a7e6a;
--color-wintermint-700: #3b6555;
--color-wintermint-800: #2b4a3d;
--color-wintermint-900: #1d332a;
--color-wintermint-950: #0d1f17;
}SCSS
$wintermint: #9ed7c0;
$wintermint-rgb: 158, 215, 192;
$wintermint-light: mix(#fff, $wintermint, 20%);
$wintermint-dark: mix(#000, $wintermint, 20%);
.element {
color: $wintermint;
box-shadow: 0 0 0 2px rgba($wintermint, 0.35);
}