Màu có tên gần nhất · #DFFBE4
#DFFBE4
Màu có tên gần nhất: Toxic Latte
#DFFBE4 (rgb(223 251 228), hsl(131 78% 93%), oklch(0.962 0.042 150.6)) gần nhất với màu có tên Toxic Latte. 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.
#DFFBE4
oklch(0.962 0.042 150.6)
Chuyển đổi màu
- HEX
- #dffbe4
- RGB
- rgb(223 251 228)
- HSL
- hsl(131 78% 93%)
- HWB
- hwb(131 87% 2%)
- OKLCH
- oklch(0.962 0.042 150.6)
- OKLab
- oklab(0.962 -0.037 0.021)
- CIE Lab
- lab(96.11 -12.58 7.83)
- LCH
- lch(96.11 14.82 148.1)
- CMYK
- cmyk(11% 0% 9% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E2FBE7
- E6FCE9
- E9FCEC
- ECFDEF
- EFFDF2
- F2FDF4
- F6FEF7
- F9FEFA
- FCFFFC
Sắc đậm
- C2DAC6
- A5BAA9
- 8A9C8D
- 6F7E72
- 566158
- 3D463F
- 272D28
- 121512
- 020303
Sắc xám
- D5EEDA
- CBE1CF
- C2D5C5
- B8C8BB
- AEBCB1
- A5AFA7
- 9CA39D
- 929793
- 898C8A
Hòa sắc
Bổ túc +180°
- DFFBE4
Toxic Latte
- FFEBFC
≈ Strawberry Bonbon
Tương đồng -30° +30°
- DFFBE4
Toxic Latte
- EEF7D8
≈ Futon
- D5FCF4
≈ Candied Snow
Bộ ba +120° +240°
- DFFBE4
Toxic Latte
- EEF2FF
≈ Placebo Blue
- FFEEEB
≈ Voracious White
Bổ túc chia +150° +210°
- DFFBE4
Toxic Latte
- F4EFFF
≈ Cloud Break
- FFEDF1
≈ Sugar Coated
Bộ bốn +90° +180° +270°
- DFFBE4
Toxic Latte
- E7F5FF
≈ Kodama White
- FFEBFC
≈ Strawberry Bonbon
- FFEFE3
≈ Rice Pudding
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.10:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.05:1 · APCA Lc 101
Màu chữ tốt nhất: #000000
WCAG 19.05:1 (AAA) · APCA Lc 101
Contrast pairs
Đoạn mã
CSS
:root {
--toxic-latte: #dffbe4;
--toxic-latte-rgb: 223 251 228;
--toxic-latte-oklch: oklch(0.962 0.042 150.6);
}
.element {
color: var(--toxic-latte);
background-color: hsl(131 78% 93%);
border-color: oklch(0.962 0.042 150.6);
}Tailwind CSS v4
@theme {
--color-toxic-latte: #dffbe4;
--color-toxic-latte-50: #edf9ef;
--color-toxic-latte-100: #deece1;
--color-toxic-latte-200: #c7dacc;
--color-toxic-latte-300: #a8bead;
--color-toxic-latte-400: #8da692;
--color-toxic-latte-500: #728e78;
--color-toxic-latte-600: #617966;
--color-toxic-latte-700: #4d6051;
--color-toxic-latte-800: #39473a;
--color-toxic-latte-900: #273128;
--color-toxic-latte-950: #151d16;
}SCSS
$toxic-latte: #dffbe4;
$toxic-latte-rgb: 223, 251, 228;
$toxic-latte-light: mix(#fff, $toxic-latte, 20%);
$toxic-latte-dark: mix(#000, $toxic-latte, 20%);
.element {
color: $toxic-latte;
box-shadow: 0 0 0 2px rgba($toxic-latte, 0.35);
}