Màu có tên gần nhất · #DEF3D6
#DEF3D6
Màu có tên gần nhất: Hint of Mint
#DEF3D6 (rgb(222 243 214), hsl(103 55% 90%), oklch(0.941 0.044 137)) gần nhất với màu có tên Hint of 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.
#DEF3D6
oklch(0.941 0.044 137)
Chuyển đổi màu
- HEX
- #def3d6
- RGB
- rgb(222 243 214)
- HSL
- hsl(103 55% 90%)
- HWB
- hwb(103 84% 5%)
- OKLCH
- oklch(0.941 0.044 137)
- OKLab
- oklab(0.941 -0.032 0.03)
- CIE Lab
- lab(93.7 -11.01 11.58)
- LCH
- lch(93.7 15.98 133.6)
- CMYK
- cmyk(9% 0% 12% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E1F4DA
- E5F5DE
- E8F7E2
- EBF8E6
- EFF9EB
- F2FAEF
- F5FBF3
- F8FDF7
- FCFEFB
Sắc đậm
- C1D3BA
- A5B49E
- 899784
- 6F7A6A
- 555E52
- 3D443B
- 262B25
- 121410
- 020302
Sắc xám
- D4E7CD
- CBDBC4
- C1CFBB
- B7C3B3
- AEB8AA
- A5ACA2
- 9BA199
- 929691
- 898B88
Hòa sắc
Bổ túc +180°
- DEF3D6
Hint of Mint
- F8E3FF
≈ Soft Lavender
Tương đồng -30° +30°
- DEF3D6
Hint of Mint
- EEEECC
≈ Silkworm
- D0F6E5
≈ Cactus Water
Bộ ba +120° +240°
- DEF3D6
Hint of Mint
- E0EDFF
≈ Calcareous Sinter
- FFE4E4
≈ Misty Rose
Bổ túc chia +150° +210°
- DEF3D6
Hint of Mint
- EAE9FF
≈ Glitter
- FFE2F0
≈ Pale Blossom
Bộ bốn +90° +180° +270°
- DEF3D6
Hint of Mint
- D3F1FF
≈ Water
- F8E3FF
≈ Soft Lavender
- FFE6D9
≈ Light Peach Rose
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.17:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 17.89:1 · APCA Lc 96
Màu chữ tốt nhất: #000000
WCAG 17.89:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--hint-of-mint: #def3d6;
--hint-of-mint-rgb: 222 243 214;
--hint-of-mint-oklch: oklch(0.941 0.044 137);
}
.element {
color: var(--hint-of-mint);
background-color: hsl(103 55% 90%);
border-color: oklch(0.941 0.044 137);
}Tailwind CSS v4
@theme {
--color-hint-of-mint: #def3d6;
--color-hint-of-mint-50: #eff8ec;
--color-hint-of-mint-100: #e1ecde;
--color-hint-of-mint-200: #cbd9c7;
--color-hint-of-mint-300: #acbda8;
--color-hint-of-mint-400: #92a58b;
--color-hint-of-mint-500: #798d70;
--color-hint-of-mint-600: #66785f;
--color-hint-of-mint-700: #52604c;
--color-hint-of-mint-800: #3c4637;
--color-hint-of-mint-900: #293025;
--color-hint-of-mint-950: #171d14;
}SCSS
$hint-of-mint: #def3d6;
$hint-of-mint-rgb: 222, 243, 214;
$hint-of-mint-light: mix(#fff, $hint-of-mint, 20%);
$hint-of-mint-dark: mix(#000, $hint-of-mint, 20%);
.element {
color: $hint-of-mint;
box-shadow: 0 0 0 2px rgba($hint-of-mint, 0.35);
}