命名颜色 · #F0BD9E
Tan Temptation
Tan Temptation 即 #F0BD9E：rgb(240 189 158)、hsl(23 73% 78%)、oklch(0.836 0.072 52.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Tan Temptation color name →
#F0BD9E
oklch(0.836 0.072 52.7)
颜色转换
- HEX
- #f0bd9e
- RGB
- rgb(240 189 158)
- HSL
- hsl(23 73% 78%)
- HWB
- hwb(23 62% 6%)
- OKLCH
- oklch(0.836 0.072 52.7)
- OKLab
- oklab(0.836 0.044 0.058)
- CIE Lab
- lab(80.71 15.84 23.09)
- LCH
- lch(80.71 28 55.5)
- CMYK
- cmyk(0% 21% 34% 6%)
浅色调 · 深色调 · 灰色调
浅色调
- F2C4A8
- F4CAB1
- F5D1BB
- F7D7C5
- F8DECE
- FAE5D8
- FBEBE2
- FDF2EB
- FEF8F5
深色调
- D1A489
- B28C74
- 957460
- 785D4D
- 5D473A
- 433329
- 2A1F18
- 140D09
- 030201
灰色调
- E4B79B
- D9B198
- CEAB95
- C2A493
- B79E90
- AC988D
- A19289
- 968C86
- 8B8683
配色和谐
互补色 +180°
- F0BD9E
Tan Temptation
- 9AD2F1
≈ Sonic Sky
类似色 -30° +30°
- F0BD9E
Tan Temptation
- F5B7B4
≈ Old Flame
- E1C694
≈ Corn Chowder
三角配色 +120° +240°
- F0BD9E
Tan Temptation
- 98D9C5
≈ Pageant Green
- CAC1F5
≈ Connecticut Lilac
分裂互补色 +150° +210°
- F0BD9E
Tan Temptation
- 90D8DE
≈ Arctic Blue
- B1CAF9
≈ Night Snow
四角配色 +90° +180° +270°
- F0BD9E
Tan Temptation
- AFD6AB
≈ Flower Stem
- 9AD2F1
≈ Sonic Sky
- E1BAE5
≈ Romantic Morning
对比度与无障碍
Ag
Fail白底
WCAG 1.68:1 · APCA Lc 30
Ag
AAA黑底
WCAG 12.47:1 · APCA Lc 73
最佳文字颜色: #000000
WCAG 12.47:1 (AAA) · APCA Lc 73
Contrast pairs
代码片段
CSS
:root {
--tan-temptation: #f0bd9e;
--tan-temptation-rgb: 240 189 158;
--tan-temptation-oklch: oklch(0.836 0.072 52.7);
}
.element {
color: var(--tan-temptation);
background-color: hsl(23 73% 78%);
border-color: oklch(0.836 0.072 52.7);
}Tailwind CSS v4
@theme {
--color-tan-temptation: #f0bd9e;
--color-tan-temptation-50: #fff0e2;
--color-tan-temptation-100: #fce2d2;
--color-tan-temptation-200: #eecdb8;
--color-tan-temptation-300: #d5ae95;
--color-tan-temptation-400: #c19377;
--color-tan-temptation-500: #ac7958;
--color-tan-temptation-600: #92664b;
--color-tan-temptation-700: #75523c;
--color-tan-temptation-800: #573b2b;
--color-tan-temptation-900: #3d291d;
--color-tan-temptation-950: #26160d;
}SCSS
$tan-temptation: #f0bd9e;
$tan-temptation-rgb: 240, 189, 158;
$tan-temptation-light: mix(#fff, $tan-temptation, 20%);
$tan-temptation-dark: mix(#000, $tan-temptation, 20%);
.element {
color: $tan-temptation;
box-shadow: 0 0 0 2px rgba($tan-temptation, 0.35);
}