最接近的命名颜色 · #CB9D29
#CB9D29
最接近的命名颜色: Local Curry
#CB9D29（rgb(203 157 41)、hsl(43 66% 48%)、oklch(0.72 0.135 85.3)）最接近命名颜色 Local Curry。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CB9D29
oklch(0.72 0.135 85.3)
颜色转换
- HEX
- #cb9d29
- RGB
- rgb(203 157 41)
- HSL
- hsl(43 66% 48%)
- HWB
- hwb(43 16% 20%)
- OKLCH
- oklch(0.72 0.135 85.3)
- OKLab
- oklab(0.72 0.011 0.135)
- CIE Lab
- lab(67.72 9.99 62.34)
- LCH
- lch(67.72 63.13 80.9)
- CMYK
- cmyk(0% 23% 80% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- D0A748
- D6B160
- DBBB76
- E0C58B
- E5CE9E
- EBD8B2
- F0E2C5
- F5ECD9
- FAF5EC
深色调
- B08822
- 96731C
- 7D5F15
- 654C0F
- 4D3A09
- 372805
- 221802
- 0F0901
- 020100
灰色调
- C39A3A
- BC9847
- B49551
- AD925A
- A58F62
- 9E8D69
- 968A6F
- 8F8675
- 87837B
配色和谐
互补色 +180°
- CB9D29
Local Curry
- 7BA2F9
≈ Fennel Flower
类似色 -30° +30°
- CB9D29
Local Curry
- E58C49
≈ Velvet Marigold
- A2AE3F
≈ Sphagnales Moss
三角配色 +120° +240°
- CB9D29
Local Curry
- 00BAC9
≈ Utopia Beckons
- CF85D3
≈ Blush Essence
分裂互补色 +150° +210°
- CB9D29
Local Curry
- 37B1ED
≈ Lynx Screen Blue
- AC92F0
≈ Dreamy Candy Forest
四角配色 +90° +180° +270°
- CB9D29
Local Curry
- 00C0A0
≈ First Post
- 7BA2F9
≈ Fennel Flower
- E67EA8
≈ Mangala Pink
对比度与无障碍
Ag
Fail白底
WCAG 2.50:1 · APCA Lc 49
Ag
AAA黑底
WCAG 8.39:1 · APCA Lc 53
最佳文字颜色: #000000
WCAG 8.39:1 (AAA) · APCA Lc 53
Contrast pairs
代码片段
CSS
:root {
--local-curry: #cb9d29;
--local-curry-rgb: 203 157 41;
--local-curry-oklch: oklch(0.72 0.135 85.3);
}
.element {
color: var(--local-curry);
background-color: hsl(43 66% 48%);
border-color: oklch(0.72 0.135 85.3);
}Tailwind CSS v4
@theme {
--color-local-curry: #cb9d29;
--color-local-curry-50: #fff4ca;
--color-local-curry-100: #fbe6b5;
--color-local-curry-200: #edd191;
--color-local-curry-300: #d5b361;
--color-local-curry-400: #c3972d;
--color-local-curry-500: #ae7d00;
--color-local-curry-600: #936a00;
--color-local-curry-700: #765500;
--color-local-curry-800: #593d00;
--color-local-curry-900: #3e2a00;
--color-local-curry-950: #271700;
}SCSS
$local-curry: #cb9d29;
$local-curry-rgb: 203, 157, 41;
$local-curry-light: mix(#fff, $local-curry, 20%);
$local-curry-dark: mix(#000, $local-curry, 20%);
.element {
color: $local-curry;
box-shadow: 0 0 0 2px rgba($local-curry, 0.35);
}