命名颜色 · #F0F1DA
Tears of Joy
Tears of Joy 即 #F0F1DA：rgb(240 241 218)、hsl(63 45% 90%)、oklch(0.951 0.03 109)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Tears of Joy color name →
#F0F1DA
oklch(0.951 0.03 109)
颜色转换
- HEX
- #f0f1da
- RGB
- rgb(240 241 218)
- HSL
- hsl(63 45% 90%)
- HWB
- hwb(63 85% 5%)
- OKLCH
- oklch(0.951 0.03 109)
- OKLab
- oklab(0.951 -0.01 0.029)
- CIE Lab
- lab(94.61 -3.24 11.04)
- LCH
- lch(94.61 11.5 106.4)
- CMYK
- cmyk(0% 0% 10% 5%)
浅色调 · 深色调 · 灰色调
浅色调
- F1F2DE
- F3F4E1
- F4F5E5
- F6F7E9
- F7F8ED
- F9F9F0
- FAFBF4
- FCFCF8
- FDFEFB
深色调
- D1D2BD
- B2B3A2
- 959587
- 78796C
- 5D5D54
- 43433C
- 2A2B25
- 141411
- 030302
灰色调
- E4E5D1
- D9D9C7
- CDCEBE
- C2C2B5
- B6B7AC
- ABACA3
- A0A19A
- 959691
- 8B8B89
配色和谐
互补色 +180°
- F0F1DA
Tears of Joy
- EEEDFF
≈ Carte Blanche
类似色 -30° +30°
- F0F1DA
Tears of Joy
- FAEDD9
≈ Mango Cheesecake
- E5F4E1
≈ Weathered Mint
三角配色 +120° +240°
- F0F1DA
Tears of Joy
- DCF3FF
≈ Wizard White
- FFE7F2
≈ Cherubic
分裂互补色 +150° +210°
- F0F1DA
Tears of Joy
- E6F0FF
≈ Cotton Boll
- F8E9FC
≈ Placebo Fuchsia
四角配色 +90° +180° +270°
- F0F1DA
Tears of Joy
- D9F6F7
≈ Fishious Rend
- EEEDFF
≈ Carte Blanche
- FFE9E8
≈ Sheer Rosebud
对比度与无障碍
Ag
Fail白底
WCAG 1.14:1 · APCA Lc 0
Ag
AAA黑底
WCAG 18.29:1 · APCA Lc 98
最佳文字颜色: #000000
WCAG 18.29:1 (AAA) · APCA Lc 98
Contrast pairs
代码片段
CSS
:root {
--tears-of-joy: #f0f1da;
--tears-of-joy-rgb: 240 241 218;
--tears-of-joy-oklch: oklch(0.951 0.03 109);
}
.element {
color: var(--tears-of-joy);
background-color: hsl(63 45% 90%);
border-color: oklch(0.951 0.03 109);
}Tailwind CSS v4
@theme {
--color-tears-of-joy: #f0f1da;
--color-tears-of-joy-50: #f5f6ec;
--color-tears-of-joy-100: #e8e9de;
--color-tears-of-joy-200: #d4d6c7;
--color-tears-of-joy-300: #b8b9a8;
--color-tears-of-joy-400: #9fa08c;
--color-tears-of-joy-500: #878871;
--color-tears-of-joy-600: #737360;
--color-tears-of-joy-700: #5c5c4d;
--color-tears-of-joy-800: #434337;
--color-tears-of-joy-900: #2e2e26;
--color-tears-of-joy-950: #1b1b14;
}SCSS
$tears-of-joy: #f0f1da;
$tears-of-joy-rgb: 240, 241, 218;
$tears-of-joy-light: mix(#fff, $tears-of-joy, 20%);
$tears-of-joy-dark: mix(#000, $tears-of-joy, 20%);
.element {
color: $tears-of-joy;
box-shadow: 0 0 0 2px rgba($tears-of-joy, 0.35);
}