命名颜色 · #BDF8A3
Reindeer Moss
Reindeer Moss 即 #BDF8A3：rgb(189 248 163)、hsl(102 86% 81%)、oklch(0.919 0.127 136.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Reindeer Moss color name →
#BDF8A3
oklch(0.919 0.127 136.5)
颜色转换
- HEX
- #bdf8a3
- RGB
- rgb(189 248 163)
- HSL
- hsl(102 86% 81%)
- HWB
- hwb(102 64% 3%)
- OKLCH
- oklch(0.919 0.127 136.5)
- OKLab
- oklab(0.919 -0.092 0.087)
- CIE Lab
- lab(92.06 -30.57 34.65)
- LCH
- lch(92.06 46.21 131.4)
- CMYK
- cmyk(24% 0% 34% 3%)
浅色调 · 深色调 · 灰色调
浅色调
- C4F9AD
- CBFAB6
- D1FBC0
- D8FBC9
- DFFCD2
- E5FDDB
- ECFDE4
- F2FEED
- F9FFF6
深色调
- A4D88D
- 8CB878
- 749A63
- 5D7C4F
- 47603C
- 33452A
- 1F2C19
- 0D150A
- 020301
灰色调
- B7ECA0
- B1DF9D
- ABD39A
- A5C796
- 9FBB93
- 99AF8F
- 93A38C
- 8C9788
- 868C84
配色和谐
互补色 +180°
- BDF8A3
Reindeer Moss
- F4D9FF
≈ Lavender Savour
类似色 -30° +30°
- BDF8A3
Reindeer Moss
- EEEA82
≈ Elfin Yellow
- 8AFFD2
≈ A State of Mint
三角配色 +120° +240°
- BDF8A3
Reindeer Moss
- D4E6FF
≈ Veiling Waterfalls
- FFDADA
≈ Cottagecore Sunset
分裂互补色 +150° +210°
- BDF8A3
Reindeer Moss
- E1E1FF
≈ Stoic White
- FFD7EB
≈ Pink Currant
四角配色 +90° +180° +270°
- BDF8A3
Reindeer Moss
- C1ECFF
≈ Blue Java Banana
- F4D9FF
≈ Lavender Savour
- FFDCCB
≈ Glazed Sugar
对比度与无障碍
Ag
Fail白底
WCAG 1.22:1 · APCA Lc 11
Ag
AAA黑底
WCAG 17.11:1 · APCA Lc 93
最佳文字颜色: #000000
WCAG 17.11:1 (AAA) · APCA Lc 93
Contrast pairs
代码片段
CSS
:root {
--reindeer-moss: #bdf8a3;
--reindeer-moss-rgb: 189 248 163;
--reindeer-moss-oklch: oklch(0.919 0.127 136.5);
}
.element {
color: var(--reindeer-moss);
background-color: hsl(102 86% 81%);
border-color: oklch(0.919 0.127 136.5);
}Tailwind CSS v4
@theme {
--color-reindeer-moss: #bdf8a3;
--color-reindeer-moss-50: #e4ffdc;
--color-reindeer-moss-100: #d3f3ca;
--color-reindeer-moss-200: #bae2ad;
--color-reindeer-moss-300: #97c788;
--color-reindeer-moss-400: #7bb063;
--color-reindeer-moss-500: #5c993e;
--color-reindeer-moss-600: #4f8136;
--color-reindeer-moss-700: #3f672a;
--color-reindeer-moss-800: #2f4c1b;
--color-reindeer-moss-900: #203512;
--color-reindeer-moss-950: #0f2004;
}SCSS
$reindeer-moss: #bdf8a3;
$reindeer-moss-rgb: 189, 248, 163;
$reindeer-moss-light: mix(#fff, $reindeer-moss, 20%);
$reindeer-moss-dark: mix(#000, $reindeer-moss, 20%);
.element {
color: $reindeer-moss;
box-shadow: 0 0 0 2px rgba($reindeer-moss, 0.35);
}