命名颜色 · #82856D
Simpson Surprise
Simpson Surprise 即 #82856D：rgb(130 133 109)、hsl(68 10% 47%)、oklch(0.607 0.035 113.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Simpson Surprise color name →
#82856D
oklch(0.607 0.035 113.2)
颜色转换
- HEX
- #82856d
- RGB
- rgb(130 133 109)
- HSL
- hsl(68 10% 47%)
- HWB
- hwb(68 43% 48%)
- OKLCH
- oklch(0.607 0.035 113.2)
- OKLab
- oklab(0.607 -0.014 0.032)
- CIE Lab
- lab(54.77 -4.44 12.61)
- LCH
- lch(54.77 13.37 109.4)
- CMYK
- cmyk(2% 0% 18% 48%)
浅色调 · 深色调 · 灰色调
浅色调
- 8E917B
- 9A9C89
- A6A897
- B2B4A5
- BFC0B4
- CBCDC2
- D8D9D1
- E5E6E0
- F2F2F0
深色调
- 70735E
- 5F614F
- 4E5041
- 3E4033
- 2F3026
- 202119
- 12130D
- 060604
- 010101
灰色调
- 82856F
- 828471
- 818473
- 818375
- 818377
- 818279
- 81827A
- 80817C
- 80817E
配色和谐
互补色 +180°
- 82856D
Simpson Surprise
- 837F96
≈ Dusky Grape
类似色 -30° +30°
- 82856D
Simpson Surprise
- 8D816B
≈ Meadow Trail
- 768875
≈ Privet
三角配色 +120° +240°
- 82856D
Simpson Surprise
- 6E8694
≈ South Pacific
- 947A84
≈ Mulberry Wine
分裂互补色 +150° +210°
- 82856D
Simpson Surprise
- 778398
≈ Tempest
- 8D7C8F
≈ Iced Orchid
四角配色 +90° +180° +270°
- 82856D
Simpson Surprise
- 6A898C
≈ Overgrown Trellis
- 837F96
≈ Dusky Grape
- 977B78
≈ Mushroom Basket
对比度与无障碍
Ag
Fail白底
WCAG 3.80:1 · APCA Lc 66
Ag
AA黑底
WCAG 5.52:1 · APCA Lc 36
最佳文字颜色: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
代码片段
CSS
:root {
--simpson-surprise: #82856d;
--simpson-surprise-rgb: 130 133 109;
--simpson-surprise-oklch: oklch(0.607 0.035 113.2);
}
.element {
color: var(--simpson-surprise);
background-color: hsl(68 10% 47%);
border-color: oklch(0.607 0.035 113.2);
}Tailwind CSS v4
@theme {
--color-simpson-surprise: #82856d;
--color-simpson-surprise-50: #f4f7eb;
--color-simpson-surprise-100: #e7e9dc;
--color-simpson-surprise-200: #d3d6c6;
--color-simpson-surprise-300: #b6baa6;
--color-simpson-surprise-400: #9ea18a;
--color-simpson-surprise-500: #86896e;
--color-simpson-surprise-600: #71745e;
--color-simpson-surprise-700: #5b5d4b;
--color-simpson-surprise-800: #434436;
--color-simpson-surprise-900: #2e2f25;
--color-simpson-surprise-950: #1b1b13;
}SCSS
$simpson-surprise: #82856d;
$simpson-surprise-rgb: 130, 133, 109;
$simpson-surprise-light: mix(#fff, $simpson-surprise, 20%);
$simpson-surprise-dark: mix(#000, $simpson-surprise, 20%);
.element {
color: $simpson-surprise;
box-shadow: 0 0 0 2px rgba($simpson-surprise, 0.35);
}