Màu có tên gần nhất · #C3E1C3
#C3E1C3
Màu có tên gần nhất: Sugar Mint
#C3E1C3 (rgb(195 225 195), hsl(120 33% 82%), oklch(0.88 0.052 145.1)) gần nhất với màu có tên Sugar Mint. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#C3E1C3
oklch(0.88 0.052 145.1)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C9E4C9
- CFE7CF
- D5EAD5
- DBEDDB
- E1F0E1
- E7F3E7
- EDF6ED
- F3F9F3
- F9FCF9
Sắc đậm
- A9C4A9
- 90A790
- 788B78
- 607060
- 4A564A
- 343E34
- 202720
- 0E120E
- 020202
Sắc xám
- BCD7BC
- B5CDB5
- AFC3AE
- A8B9A8
- A1AFA1
- 9AA69A
- 949C94
- 8D938D
- 878987
Hòa sắc
Bổ túc +180°
- C3E1C3
Sugar Mint
- EACCEA
≈ Bubblegum Crisis
Tương đồng -30° +30°
- C3E1C3
Sugar Mint
- D6DCB6
≈ Clean Air
- B5E3D5
≈ Cruise
Bộ ba +120° +240°
- C3E1C3
Sugar Mint
- C7D8FA
≈ Fly a Kite
- F8CBC6
≈ Flush Pink
Bổ túc chia +150° +210°
- C3E1C3
Sugar Mint
- D9D1F7
≈ Pale Lavender
- F4CAD9
≈ Baby Steps
Bộ bốn +90° +180° +270°
- C3E1C3
Sugar Mint
- B7DEF5
≈ Echo Iris
- EACCEA
≈ Bubblegum Crisis
- F3CFB8
≈ Apricot Freeze
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.41:1 · APCA Lc 20
Ag
AAATrên nền đen
WCAG 14.87:1 · APCA Lc 84
Màu chữ tốt nhất: #000000
WCAG 14.87:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
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);
}