最も近い色名 · #C3E1C3
#C3E1C3
最も近い色名: Sugar Mint
#C3E1C3（rgb(195 225 195)、hsl(120 33% 82%)、oklch(0.88 0.052 145.1)）に最も近い色名はSugar Mintです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C3E1C3
oklch(0.88 0.052 145.1)
カラー変換
- HEX
- #c3e1c3
- RGB
- rgb(195 225 195)
- HSL
- hsl(120 33% 82%)
- HWB
- hwb(120 76% 12%)
- OKLCH
- oklch(0.88 0.052 145.1)
- OKLab
- oklab(0.88 -0.042 0.03)
- CIE Lab
- lab(86.72 -14.45 11.26)
- LCH
- lch(86.72 18.32 142.1)
- CMYK
- cmyk(13% 0% 13% 12%)
ティント · シェード · トーン
ティント
- C9E4C9
- CFE7CF
- D5EAD5
- DBEDDB
- E1F0E1
- E7F3E7
- EDF6ED
- F3F9F3
- F9FCF9
シェード
- A9C4A9
- 90A790
- 788B78
- 607060
- 4A564A
- 343E34
- 202720
- 0E120E
- 020202
トーン
- BCD7BC
- B5CDB5
- AFC3AE
- A8B9A8
- A1AFA1
- 9AA69A
- 949C94
- 8D938D
- 878987
カラーハーモニー
補色 +180°
- C3E1C3
Sugar Mint
- EACCEA
≈ Bubblegum Crisis
類似色 -30° +30°
- C3E1C3
Sugar Mint
- D6DCB6
≈ Clean Air
- B5E3D5
≈ Cruise
トライアド +120° +240°
- C3E1C3
Sugar Mint
- C7D8FA
≈ Fly a Kite
- F8CBC6
≈ Flush Pink
スプリットコンプリメンタリー +150° +210°
- C3E1C3
Sugar Mint
- D9D1F7
≈ Pale Lavender
- F4CAD9
≈ Baby Steps
テトラード +90° +180° +270°
- C3E1C3
Sugar Mint
- B7DEF5
≈ Echo Iris
- EACCEA
≈ Bubblegum Crisis
- F3CFB8
≈ Apricot Freeze
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.41:1 · APCA Lc 20
Ag
AAA黒の上
WCAG 14.87:1 · APCA Lc 84
最適な文字色: #000000
WCAG 14.87:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--sugar-mint: #c3e1c3;
--sugar-mint-rgb: 195 225 195;
--sugar-mint-oklch: oklch(0.88 0.052 145.1);
}
.element {
color: var(--sugar-mint);
background-color: hsl(120 33% 82%);
border-color: oklch(0.88 0.052 145.1);
}Tailwind CSS v4
@theme {
--color-sugar-mint: #c3e1c3;
--color-sugar-mint-50: #ecf9ed;
--color-sugar-mint-100: #ddedde;
--color-sugar-mint-200: #c6dbc8;
--color-sugar-mint-300: #a7bfa8;
--color-sugar-mint-400: #8ca78c;
--color-sugar-mint-500: #719071;
--color-sugar-mint-600: #607a60;
--color-sugar-mint-700: #4c614d;
--color-sugar-mint-800: #384737;
--color-sugar-mint-900: #263125;
--color-sugar-mint-950: #151d14;
}SCSS
$sugar-mint: #c3e1c3;
$sugar-mint-rgb: 195, 225, 195;
$sugar-mint-light: mix(#fff, $sugar-mint, 20%);
$sugar-mint-dark: mix(#000, $sugar-mint, 20%);
.element {
color: $sugar-mint;
box-shadow: 0 0 0 2px rgba($sugar-mint, 0.35);
}