命名颜色 · #D2BB95
Thermos
Thermos 即 #D2BB95：rgb(210 187 149)、hsl(37 40% 70%)、oklch(0.802 0.057 80.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Thermos color name →
#D2BB95
oklch(0.802 0.057 80.2)
颜色转换
- HEX
- #d2bb95
- RGB
- rgb(210 187 149)
- HSL
- hsl(37 40% 70%)
- HWB
- hwb(37 58% 18%)
- OKLCH
- oklch(0.802 0.057 80.2)
- OKLab
- oklab(0.802 0.01 0.056)
- CIE Lab
- lab(77.15 4.26 22.48)
- LCH
- lch(77.15 22.88 79.3)
- CMYK
- cmyk(0% 11% 29% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- D6C2A0
- DBC8AA
- DFCFB5
- E4D6BF
- E8DDCA
- EDE4D4
- F1EADF
- F6F1EA
- FAF8F4
深色调
- B6A281
- 9B8A6D
- 81735A
- 685C48
- 504637
- 393226
- 241F16
- 100D08
- 020201
灰色调
- CAB593
- C1AF91
- B9A98F
- B0A38D
- A89D8B
- A09789
- 989187
- 908C85
- 888682
配色和谐
互补色 +180°
- D2BB95
Thermos
- A9C0E4
≈ Promise
类似色 -30° +30°
- D2BB95
Thermos
- DEB49E
≈ Mesa Sand
- C0C298
≈ Green Mist
三角配色 +120° +240°
- D2BB95
Thermos
- 93CACD
≈ Jellyfish Blue
- CFB3D6
≈ Sea Lavender
分裂互补色 +150° +210°
- D2BB95
Thermos
- 99C6DD
≈ Bobby Blue
- BDB9E2
≈ Pretty Posie
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.86:1 · APCA Lc 35
Ag
AAA黑底
WCAG 11.28:1 · APCA Lc 67
最佳文字颜色: #000000
WCAG 11.28:1 (AAA) · APCA Lc 67
Contrast pairs
代码片段
CSS
:root {
--thermos: #d2bb95;
--thermos-rgb: 210 187 149;
--thermos-oklch: oklch(0.802 0.057 80.2);
}
.element {
color: var(--thermos);
background-color: hsl(37 40% 70%);
border-color: oklch(0.802 0.057 80.2);
}Tailwind CSS v4
@theme {
--color-thermos: #d2bb95;
--color-thermos-50: #fdf4e3;
--color-thermos-100: #f2e7d3;
--color-thermos-200: #e1d2b9;
--color-thermos-300: #c6b597;
--color-thermos-400: #b09b78;
--color-thermos-500: #9a825a;
--color-thermos-600: #826e4d;
--color-thermos-700: #68583d;
--color-thermos-800: #4d402c;
--color-thermos-900: #362c1d;
--color-thermos-950: #21190d;
}SCSS
$thermos: #d2bb95;
$thermos-rgb: 210, 187, 149;
$thermos-light: mix(#fff, $thermos, 20%);
$thermos-dark: mix(#000, $thermos, 20%);
.element {
color: $thermos;
box-shadow: 0 0 0 2px rgba($thermos, 0.35);
}