命名颜色 · #D6C443
Limone
Limone 即 #D6C443：rgb(214 196 67)、hsl(53 64% 55%)、oklch(0.812 0.146 101.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Limone color name →
#D6C443
oklch(0.812 0.146 101.2)
颜色转换
- HEX
- #d6c443
- RGB
- rgb(214 196 67)
- HSL
- hsl(53 64% 55%)
- HWB
- hwb(53 26% 16%)
- OKLCH
- oklch(0.812 0.146 101.2)
- OKLab
- oklab(0.812 -0.028 0.143)
- CIE Lab
- lab(78.97 -3.98 63.77)
- LCH
- lch(78.97 63.9 93.6)
- CMYK
- cmyk(0% 8% 69% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- DACA5D
- DED072
- E2D686
- E6DC98
- EAE2AA
- EEE8BC
- F2EECD
- F6F4DE
- FBF9EE
深色调
- BAAA39
- 9E912F
- 847826
- 6A611D
- 524A14
- 3B350C
- 252105
- 100E01
- 020200
灰色调
- CDBD4F
- C4B658
- BBB060
- B2A967
- AAA26C
- A19B71
- 999576
- 908E7A
- 88877D
配色和谐
互补色 +180°
- D6C443
Limone
- B6BBFF
≈ Dried Lilac
类似色 -30° +30°
- D6C443
Limone
- FCB048
≈ Butterscotch
- A0D56D
≈ Tropical Light
三角配色 +120° +240°
- D6C443
Limone
- 3DD5FF
≈ Libra Blue Morpho
- FF9CDC
≈ Rose Daphne
分裂互补色 +150° +210°
- D6C443
Limone
- 93C6FF
≈ Clear Sky
- DDA9FF
≈ Testosterose
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.77:1 · APCA Lc 33
Ag
AAA黑底
WCAG 11.83:1 · APCA Lc 70
最佳文字颜色: #000000
WCAG 11.83:1 (AAA) · APCA Lc 70
Contrast pairs
代码片段
CSS
:root {
--limone: #d6c443;
--limone-rgb: 214 196 67;
--limone-oklch: oklch(0.812 0.146 101.2);
}
.element {
color: var(--limone);
background-color: hsl(53 64% 55%);
border-color: oklch(0.812 0.146 101.2);
}Tailwind CSS v4
@theme {
--color-limone: #d6c443;
--color-limone-50: #fcf8c8;
--color-limone-100: #f0ebb2;
--color-limone-200: #dfd88d;
--color-limone-300: #c5bb5d;
--color-limone-400: #b1a01e;
--color-limone-500: #9c8700;
--color-limone-600: #847200;
--color-limone-700: #695b00;
--color-limone-800: #4f4200;
--color-limone-900: #372e00;
--color-limone-950: #221a00;
}SCSS
$limone: #d6c443;
$limone-rgb: 214, 196, 67;
$limone-light: mix(#fff, $limone, 20%);
$limone-dark: mix(#000, $limone, 20%);
.element {
color: $limone;
box-shadow: 0 0 0 2px rgba($limone, 0.35);
}