命名颜色 · #DDD618
Chips Provencale
Chips Provencale 即 #DDD618：rgb(221 214 24)、hsl(58 80% 48%)、oklch(0.854 0.18 107.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Chips Provencale color name →
#DDD618
oklch(0.854 0.18 107.2)
颜色转换
- HEX
- #ddd618
- RGB
- rgb(221 214 24)
- HSL
- hsl(58 80% 48%)
- HWB
- hwb(58 9% 13%)
- OKLCH
- oklch(0.854 0.18 107.2)
- OKLab
- oklab(0.854 -0.053 0.172)
- CIE Lab
- lab(84.15 -10.68 80.08)
- LCH
- lch(84.15 80.79 97.6)
- CMYK
- cmyk(0% 3% 89% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E0DB48
- E3DF65
- E6E37D
- EAE892
- EDECA5
- F0F0B8
- F4F4CA
- F8F8DC
- FBFBEE
深色调
- C0BA13
- A49E0F
- 88840A
- 6E6A07
- 555204
- 3D3B02
- 262501
- 111000
- 020200
灰色调
- D3CD37
- C9C548
- C0BC55
- B6B45F
- ADAB67
- A3A26E
- 9A9A73
- 919178
- 89897C
配色和谐
互补色 +180°
- DDD618
Chips Provencale
- CBC8FF
≈ Innocent Snowdrop
类似色 -30° +30°
- DDD618
Chips Provencale
- FFC464
≈ Honey Locust
- 93EA6E
≈ Herbivore
三角配色 +120° +240°
- DDD618
Chips Provencale
- 8ADCFF
≈ Tranquil Pool
- FFB6DB
≈ Candy Bar
分裂互补色 +150° +210°
- DDD618
Chips Provencale
- B1D1FF
≈ Ice Cold Stare
- EDB9FF
≈ Euphoria
四角配色 +90° +180° +270°
- DDD618
Chips Provencale
- 00ECF0
≈ Cold Light of Day
- CBC8FF
≈ Innocent Snowdrop
- FFBBBC
≈ Hard Candy
对比度与无障碍
Ag
Fail白底
WCAG 1.53:1 · APCA Lc 24
Ag
AAA黑底
WCAG 13.70:1 · APCA Lc 79
最佳文字颜色: #000000
WCAG 13.70:1 (AAA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--chips-provencale: #ddd618;
--chips-provencale-rgb: 221 214 24;
--chips-provencale-oklch: oklch(0.854 0.18 107.2);
}
.element {
color: var(--chips-provencale);
background-color: hsl(58 80% 48%);
border-color: oklch(0.854 0.18 107.2);
}Tailwind CSS v4
@theme {
--color-chips-provencale: #ddd618;
--color-chips-provencale-50: #f8fabf;
--color-chips-provencale-100: #eceea7;
--color-chips-provencale-200: #dadb7d;
--color-chips-provencale-300: #bfbe42;
--color-chips-provencale-400: #aba400;
--color-chips-provencale-500: #968b00;
--color-chips-provencale-600: #7e7500;
--color-chips-provencale-700: #655e00;
--color-chips-provencale-800: #4c4400;
--color-chips-provencale-900: #352f00;
--color-chips-provencale-950: #201b00;
}SCSS
$chips-provencale: #ddd618;
$chips-provencale-rgb: 221, 214, 24;
$chips-provencale-light: mix(#fff, $chips-provencale, 20%);
$chips-provencale-dark: mix(#000, $chips-provencale, 20%);
.element {
color: $chips-provencale;
box-shadow: 0 0 0 2px rgba($chips-provencale, 0.35);
}