Màu có tên gần nhất · #DFF4DC
#DFF4DC
Màu có tên gần nhất: Hint of Mint
#DFF4DC (rgb(223 244 220), hsl(113 52% 91%), oklch(0.945 0.039 141.7)) 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.
#DFF4DC
oklch(0.945 0.039 141.7)
Chuyển đổi màu
- HEX
- #dff4dc
- RGB
- rgb(223 244 220)
- HSL
- hsl(113 52% 91%)
- HWB
- hwb(113 86% 4%)
- OKLCH
- oklch(0.945 0.039 141.7)
- OKLab
- oklab(0.945 -0.03 0.024)
- CIE Lab
- lab(94.15 -10.37 9.14)
- LCH
- lch(94.15 13.83 138.6)
- CMYK
- cmyk(9% 0% 10% 4%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E2F5DF
- E5F6E3
- E9F7E6
- ECF8EA
- EFFAED
- F2FBF1
- F5FCF4
- F9FDF8
- FCFEFB
Sắc đậm
- C2D4BF
- A5B5A3
- 8A9788
- 6F7A6E
- 565E54
- 3D443C
- 272B26
- 121411
- 020302
Sắc xám
- D5E8D2
- CBDCC9
- C2D0C0
- B8C4B6
- AEB8AD
- A5ADA4
- 9CA19B
- 929692
- 898B89
Hòa sắc
Bổ túc +180°
- DFF4DC
Hint of Mint
- FAE5FD
≈ Soft Lavender
Tương đồng -30° +30°
- DFF4DC
Hint of Mint
- EDF0D3
≈ Giggle
- D4F6EA
≈ Mid Spring Morning
Bộ ba +120° +240°
- DFF4DC
Hint of Mint
- E3EDFF
≈ Brilliant White
- FFE6E5
≈ Pink Theory
Bổ túc chia +150° +210°
- DFF4DC
Hint of Mint
- EDEAFF
≈ Placebo Purple
- FFE5EF
≈ Sweetly
Bộ bốn +90° +180° +270°
- DFF4DC
Hint of Mint
- D9F1FF
≈ Wizard White
- FAE5FD
≈ Soft Lavender
- FFE8DA
≈ Guiding Star
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.15:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 18.11:1 · APCA Lc 97
Màu chữ tốt nhất: #000000
WCAG 18.11:1 (AAA) · APCA Lc 97
Contrast pairs
Đoạn mã
CSS
:root {
--hint-of-mint: #dff4dc;
--hint-of-mint-rgb: 223 244 220;
--hint-of-mint-oklch: oklch(0.945 0.039 141.7);
}
.element {
color: var(--hint-of-mint);
background-color: hsl(113 52% 91%);
border-color: oklch(0.945 0.039 141.7);
}Tailwind CSS v4
@theme {
--color-hint-of-mint: #dff4dc;
--color-hint-of-mint-50: #eff8ee;
--color-hint-of-mint-100: #e1ebe0;
--color-hint-of-mint-200: #cbd9ca;
--color-hint-of-mint-300: #acbdab;
--color-hint-of-mint-400: #92a58f;
--color-hint-of-mint-500: #788d75;
--color-hint-of-mint-600: #667763;
--color-hint-of-mint-700: #515f4f;
--color-hint-of-mint-800: #3b4639;
--color-hint-of-mint-900: #293027;
--color-hint-of-mint-950: #171d15;
}SCSS
$hint-of-mint: #dff4dc;
$hint-of-mint-rgb: 223, 244, 220;
$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);
}